Fusion Mobile header to gap too big

[hashimakhtar]

Hi

I have an issue where the header on the mobile is too big and the download button is missing but working on PC browser.

[Veena]

Pls remove the below custom CSS –

h1 {
    font-size: 1000px;
    line-height: 64px;
}

[hashimakhtar]

Thats looks better. Couple of issue still remain the download button is still missing and how can we lock the bar so it looks more like the attached on mobile.

Thankyiu

[Veena]

Pls use the below custom CSS –

@media only screen and (max-width: 767px)
{
#sidebar-header .button {
    display: block;
    top: 10px;
    right: 0;
}}

how can we lock the bar so it looks more like the attached on mobile. – Which bar exactly? Can you pls clarify?

[hashimakhtar]

Ive updated the code but the top bar still disappears when scrolling down. Also the top bar is still to big so where do we change the top bar dimensions are same as allo. on mobile version.

[Veena]

@media only screen and (max-width: 767px)
{
#header.sticky {
    display: block !important;
}}

Pls use the above custom CSS . And i dont see any difference in mobile header and normal header as dimensions looks same.

[hashimakhtar]

The gap needs reducing on mobile only without affecting the website site. If you go on mobile view it locked but changes sizes.

http://www.operty.com

[Veena]

Pls use the below custom CSS –

#header.sticky #site-logo {
    top: 0;
}
#header.sticky #sidebar-header .button {
    top: 10px;
}

[hashimakhtar]

How do we make this work for mobile im trying to achieve the following see attached.

[hashimakhtar]

[quote quote=27528]Pls use the below custom CSS –

#header.sticky #site-logo {
    top: 0;
}
#header.sticky #sidebar-header .button {
    top: 10px;
}

[/quote]

This has not worked i have added this in the custon.css

[Author]

Posts