Okay
  Public Ticket #1205087
Eurybia Theme color scheme
Closed

Comments

  • feme started the conversation

    Hello, 

    I can't find a way to change the color scheme. I want the background of the subpages to be white and the font color black. I hope you can help me with this problem.

    Thank you in advance.

  •  2,005
    Ocean replied

    Hello,

    1, You need choose template fullwidth: http://prntscr.com/fji82x

    2, Edit image, text for your page: http://prntscr.com/fji8a7

    Thank you

  • feme replied

    Hello, 

    thank you but another problem is that I still can't change the color of the burger menu button for mobile devices.

    It stays white and is not visible on the white header background.

    Additionally, the links of the menu and submenu don't work as soon as the site is viewed with a mobile phone or tablet.

  •  2,005
    Ocean replied

    Hi,

    you can send me some screenshot where have issue in mobile

  • feme replied

    Hi,

    So here you can see the problem with the color, the menu button on mobile phones and tablets is white, and not visible if the background is white as well. I have the same problem with the social media buttons as they are white as well and not visible on white background.

    https://prnt.sc/fk8jn4

    And the bigger problem is that if I, for example, want to go to the "Movie" page, nothing happens if I klick on the Movie link (as you can see in the screenshot the mouse pointer does not change like it would if u hover over a link)

    https://prnt.sc/fk8cre

    BUT I can go to the Movie page if i klick the link waaaaay on the right, but no normal person would klick there and not on the link text (as you can see in the screenshot the mouse pointer does change if i hover over the right side)

    https://prnt.sc/fk8gan

    I hope you can understand my problem and help me out, thank you.

  •  2,005
    Ocean replied

    1. you can add css code. go to Appearance/Customizer/Miscellaneous/custom css code

    .menu-mobile i {

    color: your-color;

    }

    ul.social-header li a {

    color: your-color;

    }

    2-3. add css code

    @media only screen and (max-width: 767px) {

    .logo {

    positionrelative;

    }

    }

  • feme replied

    Thank you!

    That worked perfectly :)

  • feme replied

    Ahh but I just noticed that the menu is now working on mobile size but not not on tablet or smaller laptops.


  •  2,005
    Ocean replied

    HI,

    i don't see any issue.

    you can send me some screenshot.

  • feme replied

    It's the same problem that occurred on mobile devices (check screenshot from earlier reply) 

    Nothing happens if you klick on the link text in the menu, you only get to the site if u klick waaay on the right side.

  •  2,005
    Ocean replied

    Hi.

    you can add css code 

    .logo {

    max-height: 90px;

    }

  • feme replied

    Thanks that worked for the menu but this code is somehow messing with the sticky-header option in the customizer, since now the header isn't sticky anymore if you scroll down.

  •  2,005
    Ocean replied

    Hi,

    sticky header work fine.

    see attachment