Sidebar navigation menu – Mobile Platform

Home Forums ThemesEYE Support Sidebar navigation menu – Mobile Platform

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #56736
    shane.gill
    Participant

    On the mobile phone platform only I need to change the sidebar navigation menu colours, Both the texted and the box colour are black and blue by default….
    menu box needs to be #005844 (green) and texted needs to be #fff (white)

    #56737
    shane.gill
    Participant

    Multipurpose Ecommerce Pro

    #56738
    support
    Participant

    Hi,

    Could you please share your site url

    Thank you

    #56741
    shane.gill
    Participant

    Hi thank you for your help…
    1.On the mobile phone platform only I need to change the sidebar navigation menu colours, Both the texted and the box colour are black and blue by default….
    menu box needs to be #005844 (green) and texted needs to be #fff (white)
    2.having a issue with word splitting not word wrapping ….on example page A LITTLE BIT ABOUT US… especially on mobile platform but also on the computer.
    3.On mobile platform the search bar is over the cart icon can this be adjusted.

    http://www.wildatlanticaromas.ie

    #56746
    support
    Participant

    Hi,

    1.On the mobile phone platform only I need to change the sidebar navigation menu colours, Both the texted and the box colour are black and blue by default….
    menu box needs to be #005844 (green) and texted needs to be #fff (white)

    Reply: Please add the below CSS to change the colors. To add CSS follow the steps below

    Go to Dashboard >> Appearance >> Customize >> Additional CSS >> Paste the given CSS on it>> Publish.

    @media screen and (max-width: 1024px){
    .sidenav {
    background-color: #005844;
    }
    .nav ul li a {
    color: #ffffff !important;
    }
    }

    2.having a issue with word splitting not word wrapping ….on example page A LITTLE BIT ABOUT US… especially on mobile platform but also on the computer.

    Reply: Could you please elaborate with the help of screenshots

    3.On mobile platform the search bar is over the cart icon can this be adjusted.

    Reply: Please add the below CSS to reduce the size of the search. To add CSS follow the steps below

    Go to Dashboard >> Appearance >> Customize >> Additional CSS >> Paste the given CSS on it>> Publish.

    @media screen and (min-width: 320px) and (max-width: 425px){
    .sb-search {
    width: 65%;
    }
    }

    Thank you

    #56755
    shane.gill
    Participant

    Hi Thank you again for your help great service….
    WITH REF TO THE WORD SPLITTING…
    2.having a issue with word splitting not word wrapping ….on example page A LITTLE BIT ABOUT US… especially on mobile platform but also on the computer.

    Reply: Could you please elaborate with the help of screenshots

    https://wildatlanticaromas.ie/delivery-returns/

    you can see it on this page on the link above…right hand margins buts it on ever page and worse on the mobile platform.
    It ok on the wordpress editing page only on the main website page is the problem.

    Thank you

    #56756
    support
    Participant

    Hi,

    Could you please add the following CSS to disable the word break. To add CSS follow the steps below

    Go to Dashboard >> Appearance >> Customize >> Additional CSS >> Paste the given CSS on it >> Publish.

    div#content-box p {
    word-break: keep-all;
    }

    Thank you

    #56760
    shane.gill
    Participant

    Brilliant Thank you.

    #56764
    support
    Participant

    You are welcome

Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.