Mobile Header Rows

Posted in: Newspaper
Post count: 25
tgamble
#317729
Oct 30, 2019 at 5:24 pm

Hi,

I’m having an issue with recreating a mobile header that can fit “mobile search icon”, “header logo”, and “mobile menu” in one single row. For some reason, when I create a three column row, the rows are being stacked on top of one another so it’s giving the effect of three separate rows instead of one row with three columns. Any idea why this may be happening for me?

  • This topic was modified 6 years by tgamble.
Post count: 20688
Simion C.
#317788
Oct 31, 2019 at 10:02 am

Hi,

You could import and inspect a ready made cloud header template
– https://cloud.tagdiv.com/#/load/Headers
The columns by default will stack one above the others on mobile, but they can be made to display inline.
A mobile menu with 3 inline columns (usually menu + logo + search) can be made like this:

First column – https://prnt.sc/pqi5k3
Second – https://prnt.sc/pqi5or
Third – https://prnt.sc/pqi5tm

All the 3 columns have to be set to display inline block – https://prnt.sc/pqi6xj
Maybe I missed something, if you need help or you have more questions let me know.

Thanks

Viewing 2 posts - 1 through 2 (of 2 total)
The forum ‘Newspaper’ is closed to new topics and replies.