overlapped with header Topic is solved

General questions relating to Joomla! 3.x.

Moderator: General Support Moderators

Forum rules
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting.
Forum Post Assistant - If you are serious about wanting help, you should use this tool to help you post.
Post Reply
Matt Bourne
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 102
Joined: Mon Aug 12, 2013 2:33 pm

overlapped with header

Post by Matt Bourne » Fri Jan 11, 2019 10:51 pm

hi,

i have this ajax search module on the top of the header, it's working fine, but the search results layout will over flow / overlapped with the header body like above

i think it was the z-index property issues, but none working so far or i did use the wrong value

how can i fix this?

thanks!

p/s - ignore the slider jquery error, it working actually and not related to this issue, more on css hack
Last edited by imanickam on Mon Jan 14, 2019 6:11 am, edited 1 time in total.
Reason: Removed the attached/inserted image per the request of the Original Poster
My classifieds portal at www.pusma.biz is proudly powered by Joomla!

Alejo
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 219
Joined: Fri Aug 19, 2005 12:28 pm
Contact:

Re: overlapped with header

Post by Alejo » Sun Jan 13, 2019 3:47 pm

Here you go:

Code: Select all

#rt-header {
  z-index: 0;
}
#mod-ajaxsearch-results-box {
   background: #fff;
}
That should take care of it. I included the background override for the results div because the default is partly transparent and doesn't look great with the colorful background.
https://www.jreviews.com/joomla directory and reviews system for Joomla and WordPress

Matt Bourne
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 102
Joined: Mon Aug 12, 2013 2:33 pm

Re: overlapped with header

Post by Matt Bourne » Mon Jan 14, 2019 12:59 am

You, Sir,

Is my new Hero..

Thanks!
My classifieds portal at www.pusma.biz is proudly powered by Joomla!


Post Reply

Return to “General Questions/New to Joomla! 3.x”