Hi,
I would like to extend the image width to full width in the header position and spacing above and below need to be removed.
Please help
How extend the image width to full width in the header position
Hello Saguaros,
I have added the custom code as suggested, but still not expanded properly. Above and below space is there. And if I view on the larger desktop right side is not expanded. Please see the screen shot attached.
Please help...
Hi,
You can also use the following custom css code:
#gk-header-mod #media_image-2 > img {
width: 100%;
}Cheers
Joshua
I have added the code the width looks fine now, but the space above the image and below image still there. Please help me get rid of this space.
Try to add also the following custom css code:
#gk-head {
border: 0;
background: transparent;
}Cheers
Joshua
a month later
In the mobile and tablet devices the width of the image is not full width. Please help fix the issue.
infocubic In the mobile and tablet devices the width of the image is not full width. Please help fix the issue.
Try add this to override.css file :
@media screen and (min-device-width: 320px) and (max-device-width: 768px) {#gk-header-mod.gk-page{padding-left: 0 !important;padding-right: 0 !important;}}
and adjust min-device-width and max-device-width values accordingly to see it as envisaged for certain breakpoints in standard devices
Kindly ensure to clear your browser cache if changes dont reflect