Sticky menu web and mobile

Home Forums SKT Full Width Forum Sticky menu web and mobile

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #188328
    Matteo ZoccaMatteo Zocca
    Participant
    • Topics: 1
    • Replies: 6
    • Total: 7
    Member since: December 14, 2021

    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.

    #188361
    Forum ModeratorForum Moderator
    Moderator
    • Topics: 0
    • Replies: 29272
    • Total: 29272
    Member since: August 16, 2013

    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

    #188362
    Matteo ZoccaMatteo Zocca
    Participant
    • Topics: 1
    • Replies: 6
    • Total: 7
    Member since: December 14, 2021

    Many thanks.

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

    How can I fix that?

    Thanks in advance

    Matteo

    #188367
    Matteo ZoccaMatteo Zocca
    Participant
    • Topics: 1
    • Replies: 6
    • Total: 7
    Member since: December 14, 2021

    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

    #188368
    Forum ModeratorForum Moderator
    Moderator
    • Topics: 0
    • Replies: 29272
    • Total: 29272
    Member since: August 16, 2013

    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

    #189093
    Matteo ZoccaMatteo Zocca
    Participant
    • Topics: 1
    • Replies: 6
    • Total: 7
    Member since: December 14, 2021

    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

    #189096
    Forum ModeratorForum Moderator
    Moderator
    • Topics: 0
    • Replies: 29272
    • Total: 29272
    Member since: August 16, 2013

    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

    #189351
    Matteo ZoccaMatteo Zocca
    Participant
    • Topics: 1
    • Replies: 6
    • Total: 7
    Member since: December 14, 2021

    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

    #189358
    Forum ModeratorForum Moderator
    Moderator
    • Topics: 0
    • Replies: 29272
    • Total: 29272
    Member since: August 16, 2013

    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

    #189371
    Matteo ZoccaMatteo Zocca
    Participant
    • Topics: 1
    • Replies: 6
    • Total: 7
    Member since: December 14, 2021

    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

    #189387
    Forum ModeratorForum Moderator
    Moderator
    • Topics: 0
    • Replies: 29272
    • Total: 29272
    Member since: August 16, 2013

    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

    #189403
    Matteo ZoccaMatteo Zocca
    Participant
    • Topics: 1
    • Replies: 6
    • Total: 7
    Member since: December 14, 2021

    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

    #189408
    Forum ModeratorForum Moderator
    Moderator
    • Topics: 0
    • Replies: 29272
    • Total: 29272
    Member since: August 16, 2013

    Hi,

    Kindly use this CSS as well.

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

    Regards,
    Dave

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