Architect Pro Header Images

[Derek]

Hi Guys,

The header image drops below the menu and logo section on mobile view but on desktop view it sits behind them both which cuts off half the image.

Can you give me some custom CSS that will allow the header images on the pages to be displayed fully so they are not displaying behind the menu on desktop?

You can use http://virtusinteriors.ie/construction-management/ as an example of it.

Thanks

Derek

[Forum Moderator]

Hi,

Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:

Add this code there:

.headerfixed { position: relative;}

Regards,
Chris

[Derek]

Perfect, thanks Chris

[Forum Moderator]

🙂

[Derek]

Hi Chris, It seems to be cutting off some of the image still but showing the full image on responsive view. Can you give me some code that will allow the full size image to be displayed on desktop as it does in responsive mobile view?

See page below:

http://virtusinteriors.ie/contact-us/

[Forum Moderator]

Hi,

Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:

Add this code there:

.innerbanner { height:auto;}

Regards,
Chris

[Derek]

Great, thanks again Chris

[Forum Moderator]

Hi Derek,

If you found our service good kindly review us here: https://www.sktthemes.org/forums/topic/reviews-and-testimonials/page/12/

Regards,
Chris

[Author]

Posts