How to make icons horizontal instead of vertical

Questions related to the Responsive Web Design tools of WYSIWYG Web Builder.
Forum rules
PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/respon ... esign.html
Please read this first before posting any questions! Also check out the example project to get an idea how the RWD concept works.

Responsive Web Design FAQ:
http://wysiwygwebbuilder.com/forum/view ... 10&t=63817
Post Reply
thisazlife
 
 
Posts: 71
Joined: Mon Apr 24, 2017 4:19 am
Location: Chandler, AZ USA
Contact:

How to make icons horizontal instead of vertical

Post by thisazlife »

I'm drawing a blank on this one. When I display this page: http://thisazlife.com/test.html on the PC the red icons: phone, facebook, web, and email show horizontal. However when viewed on my mobile phone the icons are vertical. How do I prevent vertical display for mobile? TIA!
Steve Colbeth
Arizona Real Estate Agent / Consultant
http://stevecolbeth.com
me@stevecolbeth.com
Chandler, Arizona - USA
User avatar
crispy68
 
 
Posts: 2913
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: How to make icons horizontal instead of vertical

Post by crispy68 »

The breakpoint in the layout grid controls when the grid goes from horizontal to vertical. Your breakpoint is set to 480. So at 480, it switches to vertical. Simply set the breakpoint to 0 and it will stay horizontal.
thisazlife
 
 
Posts: 71
Joined: Mon Apr 24, 2017 4:19 am
Location: Chandler, AZ USA
Contact:

Re: How to make icons horizontal instead of vertical

Post by thisazlife »

OMG, dah. Thanks so much for your quick response. I had a grid within a grid and set the wrong grid to zero breakpoint. I'm so thankful for this forum when I get stuck. Thanks again.
Steve Colbeth
Arizona Real Estate Agent / Consultant
http://stevecolbeth.com
me@stevecolbeth.com
Chandler, Arizona - USA
Post Reply