Sticky menu web and mobile

[Matteo Zocca]

Good evening,
I’m using GB IT Company theme.

I can’t get the menu header to stay fixed as I scroll down the page.

Furthermore, even when mobile, the header bar remains at the top and does not slide down.

This is the site: http://fondazioneaiace.it:8080/

Many thanks in advance.

[Sonnal S Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

.has_trans_header .header_wrap { position:fixed;}
@media screen and (max-width:479px) {
.has_trans_header .header_wrap { position: sticky !important; top:0;}
}

Regards,
Dave

[Matteo Zocca]

Many thanks.

Now it works in the web version but not in the mobile one.

How can I fix that?

Thanks in advance

Matteo

[Matteo Zocca]

I correct myself. Now on mobile it goes, but not on all pages. In the “Premio” page, for example, it remains fixed at the top when you scroll down and does not follow the scrolling of the page.

Thanks
Matteo

[Sonnal S Sinha]

Hi,

REMOVE
@media screen and (max-width:479px) {
.has_trans_header .header_wrap { position: sticky !important; top:0;}
}

ADD THIS NEW CSS
@media screen and (max-width:479px) {
.has_trans_header .header_wrap { position: fixed !important;}
}

Regards,
Dave

[Matteo Zocca]

Thank you so much for your reply.

I reduced the images of the slider, but in the mobile version it is not possible to read the writings. Is it possible to work on the settings of the mobile version or is it all automatic?

Best regards

[Sonnal S Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

@media screen and (max-width:479px) {
#slidera { margin-top:69px;}
}

Regards,
Dave

[Matteo Zocca]

Thanks so much.

Last question. I hope you can answer me.

I have messed up all the fields of the contact form with respect to the original settings of the theme. How can I restore the previous alignment?

Thanks in advance

Matteo

[Sonnal S Sinha]

Hi,

Okay, Can you send us the screenshot of your issues? Upload your screenshot on https://imgbb.com/ and paste the share url here.

Regards,
Dave

[Matteo Zocca]

Dear Dave,
here the share url: https://ibb.co/hLkNnZc

I entered the code you indicated to fix the text of the images in the mobile version. Now, however, the images in the home are fine, but not those in the various pages of the site. How can I solve the problem on all pages?

The url site is http://fondazioneaiace.it:8080/

Thanks in advance

Matteo

[Sonnal S Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

@media screen and (max-width:479px) {
.page_head, .post_head { margin-top:69px;}
}
.wpcf7-form-control-wrap { float:none;}

Regards,
Dave

[Matteo Zocca]

Hi Dave,
perfect.
Now in the internal pages of the site the images are ok. The problem remains in the homepage in the mobile view. I Attach link of the screenshot: https://ibb.co/7NrCVGb

Thanks for the contact form. It is now perfectly aligned.

Regards,
Matteo

[Sonnal S Sinha]

Hi,

Kindly use this CSS as well.

@media screen and (max-width:479px) {
#slidera { margin-top:69px;}
}

Regards,
Dave

[Author]

Posts