Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 25, 2014 at 6:22 am #295790
    wgpubs

    I’ve included the URL for reference in the Private Content section below.

    The custom sized logo at 680×156 looks fine in full display, but when the display shrinks I see the following problems:

    1. The menu float on top of the logo and the first item becomes illegible

    2. The menu icon box (when looking at the site on an iPhone) covers up the logo.

    What CSS changes do I need to make to get things looking right?

    Thanks much – wg

    July 25, 2014 at 2:30 pm #295950
    Yigit

    Hi wgpubs!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 480px) {
.responsive .logo a, .responsive .logo img {
max-width: 85%;
height: auto !important; 
margin-top: 10px; }}

    Then please go to Enfold theme options > Header Layout > Mobile Menu > Header Mobile Menu activation and choose 990px.

    Cheers!
    Yigit

    July 25, 2014 at 8:43 pm #296085
    wgpubs

    Thanks Yigit! Looks solid.

    -wg

    July 25, 2014 at 10:56 pm #296107
    Yigit

    Hey!

    You are welcome WG, glad we could help! :)
    Let us know if you have any other questions or issues. Have a nice weekend!

    Regards,
    Yigit

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Custom Sized Logo Not Sized Right in Smaller Displays’ is closed to new replies.