Advertisement

CSS help for mobile template

Everything to do with Joomla! 5.x templates and templating.

Moderator: General Support Moderators

Forum rules
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting, this means YOU.
Forum Post Assistant - If you are serious about wanting help, you will use this tool to help you post.
Windows Defender SmartScreen Issues <-- please read this if using Windows 10.
Post Reply
jorgemuralles
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 125
Joined: Fri Dec 26, 2014 12:35 am

CSS help for mobile template

Post by jorgemuralles » Fri Jan 17, 2025 10:55 pm

Hello Friends, I need some help with some CSS

I am working on this template but I am having problems with the mobile styles.

https://www.murallesenterprises.com/web ... plate%201/

I have a container at the top called header.

Inside I have another one called Logo and another one called banner.

When it shows in the phone I would like the logo container to take the full screen

I would like the banner container to show below and take the full screen.

I am sure you folks understand this.

I have been playing with the properties for these containers but I cannot get them to work.

Can anyone please help me out?
Last edited by toivo on Fri Jan 17, 2025 11:57 pm, edited 1 time in total.
Reason: mod note: moved from 5.x General Questions, fixed typo in subject

Advertisement
Mr. Wimpy
Joomla! Guru
Joomla! Guru
Posts: 608
Joined: Fri Dec 02, 2005 10:46 am
Location: The Netherlands

Re: CSS help for mobile template

Post by Mr. Wimpy » Sat Jan 18, 2025 1:01 pm

You need to add flex-wrap: wrap; to your .header.

More on flexbox:
https://www.w3schools.com/css/css3_flex ... tainer.asp

Advertisement

Post Reply

Return to “Templates for Joomla! 5.x”