Hi Joomlabamboo team,

The second question
- how to hide the social buttons on mobile screens?

Hi

#topwrap {
font-size: 100%;
}

its currently going off the demo site

#topwrap {
font-size: 85%;
}

Cheers
Paul

Social icon wise try adding

@media screen and (max-width:480px) {
.social-wrap {display: none;}
}

Cheers
Paul

paulus103 wrote:
Why does this lines have no effect to top1 position? it is the same section...
How can I control font in top 1?
I know i can do it editing the custom module but I am going to reduce the size of the font on the small screens.

Hi

Do you have a link for the site?

Cheers
Paul

eugeneny.bget.ru

Hi

So it would be

#top1 p {
font-size: 1em;
}

changing the font size as required

Cheers
Paul

Thank you, Paul
Let me ask you a stupid question

Where can I read about the rules
why for the first case did you use just
#topwrap {font-size: 100%;}
but now #top1 p {font-size: 1em;}

I really don't want to ask you every time.

Hi

The first style was an attempt to cover all bases but the second style is focussed on the p tag only

The template uses 85% as the style for the whole wrap but targeting a tag is probably better in this case

Working out the css to add -

We use the Chrome Developer Tools to troubleshoot css issues like this - if sing a PC right click and inspect element

Then you can add the custom css various different ways

docs.joomlabamboo.com/zen-grid-framework-4/theme/customisation.html

Cheers
Paul

but why does the first style have no effect on top1 if it should cover all wrap including top1 and top 4?

And sorry for the next question (last one for this case I hope) - i can control fonts now (thanks) but i have the issue with the alignment - the text in top1 and top4 should be aligned but they are not. I don't want to add additional <p> or something like that... what is the reason?

The p tag has a style so its calculating a percentage of that value

I'd suggest removing the percentage value added and instead use the p style we added later

Combined with a style targeting links in the topwrap area #topwrap a {font-size:??;}

Cheers
Paul