Header Image and text responsive in mobile and tablet devices/Responsive queries

Joshua-M

Regarding your issues:
1. Try to add the following custom css code:

@media (max-width: 580px) {
#gk-menu-wrap {
	position: relative;
}
}

Try to add also this fragment:

@media (min-width: 580px) and (max-width: 1070px) {
    .imageBg #gk-header-mod h1, .imageBg.frontpage .imageBg h1 {
        font-size: 26px;
    }
}

Cheers
Joshua

infocubic

Joshua-M
After adding the below code, when I scroll down the logo and menu item is showing at the bottom. Can you please help to fix this?

@media (max-width: 580px) {
#gk-menu-wrap {
position: relative;
}
}

Joshua-M

infocubic Sorry, I didn't scroll to the bottom.. Instead of mentioned code, try to add this one:

#main-menu-mobile {
    z-index: 3333;
}

#gk-header-nav h1 {
    position: relative;
    z-index: 3333;
}

infocubic

Joshua-M

I have added the code but still it is coming at the bottom only.. pls check

aman204

infocubic Hi

Try add this :

@media only screen and (min-device-width: 320px) and (max-device-width: 480px){
#gk-menu-wrap{position: fixed !important;
top: 0 !important;
z-index: 3333;}
}

infocubic

aman204
Hello Aman,

I have added this code now again logo link and menu link is not working....

aman204

infocubic I have added this code now again logo link and menu link is not working....

Having checked in realtime on Vivo nex and responsive emulator, The logo and menu links apparently work fine for me. Kindly review again after clearing your browser cache

infocubic

aman204 I have checked again and again in many devices which has 5.0 inches to 5.5 inches logo link and menu link is not active. I'm really fed up with this template...

aman204

infocubic I have checked again and again in many devices which has 5.0 inches to 5.5 inches logo link and menu link is not active

As I am unable to replicate relative issue as mentioned, Have requested other team members also to review at their end.

Please be patient till we revert back

aman204

infocubic I have checked again and again in many devices which has 5.0 inches to 5.5 inches logo link and menu link is not active

With close observation, The relative issue can be replicated whilst the site isnt scrolled down. Can you add your admin and ftp details in edit fields in order for us to take closer look and examine the media query css declarations in specific file which have been added
For reference, You can follow thread post (5 point) procedure.

paulus1031

We are having a chat about your problem and we will get back to you asap

infocubic

aman204

I have updated the FTP and admin credentials

aman204

infocubic Kindly check now. Have added some media query css in override.css file in order to get it right.

Kindly ensure to clear your browser cache if changes dont reflect