Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • June 4, 2019 at 9:41 am #1106949
    whdsolutions

    Hello there

    I have increased the phone number in the top of the site using this:

    .phone-info span {
    display: inline-block;
    font-weight: 300 !important;
    font-size: 1.4em;
    line-height: 28px;
    color: white;
    }

    But it seems to cause problems under the header – the main content seems to go behind as the header is pushed down the page

    June 4, 2019 at 4:15 pm #1107161
    Nikko

    Hey whdsolutions,

    If I try to remove those properties via web inspector it doesn’t seem to fix it.
    Would removing or commenting out the code fix it on your site?
    In Enfold > Header > Header Layout (tab) > Header Size, what value did you use?

    Best regards,
    Nikko

    June 7, 2019 at 6:33 am #1108150
    whdsolutions

    To drop down the main page content on the inner pages I added this to the Quick CSS

    .html_header_top.html_header_sticky #top #wrap_all #main {
    padding-top: 240px !important;
    }

    This sorts the issue on the inner pages (ie the Color Section with the main heading sits nice where it should), BUT stops the home page Advanced Layer Slider and the header being transparent (ie A White header become present).

    I have removed the Quick CSS now. Inner Page

    It seems making the telephone bar at the top of the site larger has messed up the padding with either the header or main body.

    • This reply was modified 5 years, 5 months ago by whdsolutions.
    June 7, 2019 at 12:44 pm #1108248
    Nikko

    Hi whdsolutions,

    Does this css code help the homepage?

    .html_header_top.html_header_sticky #top #wrap_all #main {
padding-top: 240px !important;
}

    Best regards,
    Nikko

    June 7, 2019 at 1:18 pm #1108254
    whdsolutions

    Nope – that disables the transparent header on the homepage

    June 7, 2019 at 3:26 pm #1108276
    Nikko

    Hi whdsolutions,

    Can you try to use this css code instead:

    .html_header_top.html_header_sticky #top:not(.home) #wrap_all #main {
    padding-top: 240px;
}

    Best regards,
    Nikko

    June 7, 2019 at 5:58 pm #1108295
    whdsolutions

    That worked a treat – thank you!!!

    June 8, 2019 at 12:29 am #1108342
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Making phone number bigger causes problems’ is closed to new replies.