Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • August 29, 2018 at 9:35 pm #1003266
    atifaijaz123

    Hi,

    How do I decrease the height of the header for screen width 770px and up? I’ve tried a few solutions on the forum but nothing works. Here’s access to my website and an image also:

  • https://ibb.co/b7g8q9

    • I want to keep the logo img as overflow too.

August 30, 2018 at 7:56 am #1003423
Jordan Shannon

Hey atifaijaz123,

Please provide a link to the site.

Best regards,
Jordan Shannon

August 30, 2018 at 2:47 pm #1003624
atifaijaz123
September 1, 2018 at 1:10 am #1004246
Vinay

Hi,

Please perform the steps provided int he below links:

To reduce the header height please check

Header

To create a logo overflow

Example of logo overflow and widget

Best regards,
Vinay

September 6, 2018 at 7:51 pm #1006798
atifaijaz123

This code didn’t work for me. Is there another way to adjust the header height for screen width 770px and up?

September 7, 2018 at 11:39 am #1007060
Victoria

Hi atifaijaz123,

Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css


@media only screen and (min-width: 770px) {
    .responsive #top #header #header_main {
        height: 60px;
    }
}

If you need further assistance please let us know.

Best regards,
Victoria

September 13, 2018 at 3:38 pm #1009448
atifaijaz123

Thanks Victoria! You may close this thread now.

September 13, 2018 at 5:44 pm #1009553
Victoria

Hi atifaijaz123,

Glad we could help :)

If you need further assistance please let us know.
Best regards,
Victoria

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