Header still covering content...

patg221

Hello,

Follow-up to my previous request:

to solve the problem of the header covering the content, adding
.onepage .container {
padding:180px 0 !important;
}
to the custom.css file will add padding to ALL subsequent sections as well, leaving wide gaps between them. Not good.
I cannot make my logo smaller, sorry!
I have made the header transparent so that you can see what the issue is: I need the module title to fall BELOW the end of the header (the white line)

Many thanks for your help,
Best regards,

Pat Goldblat

teitbite

patg221 Hi. 180px padding is not big enough, You will need:

.onepage .container {
    padding: 230px 0 60px 0;
}

with above bottom padding will not change. Anyway I do not see the code mentioned being added to css, so this is probably why You cannot see it. In Your site it's still 60px;

patg221

Thank you for your reply... as I said, when I add the padding, it is added TO ALL SUBSEQUENT SECTIONS, leaving me with wide gaps between them - you can see this now on the site.

what would be a better solution?

aman204

patg221 when I add the padding, it is added TO ALL SUBSEQUENT SECTIONS

Try add this to custom.css file and adjust padding value accordingly :

#my_custom_module!!! .container{padding: 230px 0 60px 0 !important;}

Kindly ensure to clear your browser cache if changes dont reflect

patg221

I have tried modifiying height, padding or margin of .ja-header .container , but that does not work either.

Could you kindly escalate this, as this is a showstopper.

With many thanks, and best regards,

Pat Goldblat

aman204

patg221 To be more precise and avoid confusion/ambiguity in addressing your query, Kindly provide screenshot marked with annotations showing as to what you wish to achieve

patg221

Hello,

Unfortunately this #my_custom_module!!! .container{padding: 230px 0 60px 0 !important;}
does not seem to work.

Kindly escalate.

Best regards,

Pat Goldblat

aman204

patg221 To be more precise and avoid confusion/ambiguity in addressing your query, Kindly provide screenshot marked with annotations showing as to what you wish to achieve

As suggested earlier, Can you provide screenshot marked with annotations

Also, Can you add your admin details in edit fields in order for us to take closer look.
For reference, You can follow thread post (5 point) procedure.

patg221

Here is the file.

Many thanks,

Pat

patg221

OK, Ive opened a new thread here:
https://www.joomlart.com/forums/d/14627-header-still-covering-content-new-thread

aman204

patg221 You may check now. Kindly ensure to clear your browser cache if changes dont reflect.

Have renamed the module title to my-custom-module since special characters were being ignored in CSS henceforth not appending and also added this to custom.css file :

#my-custom-module .container{padding: 230px 0 60px 0 !important;}

patg221

Sorry, OK done!

patg221

OK, THANK YOU Aman204, looks like it works now.

While you are here, I have another urgent problem: the background colours for the different sections are not being modified when I use ThemeMagic. Any ideas on this one?

Thanks for your help,

Pat Goldblat

aman204

patg221 While you are here, I have another urgent problem: the background colours for the different sections are not being modified when I use ThemeMagic. Any ideas on this one?

Please start a new topic/discussion for the relative issue being mentioned as it doesnt relate to parent topic so as to avoid multiplicity henceforth resulting in confusion primarily.