BlueOwlCreative » Topic: mobile text width http://blueowlcreative.com/support_wp/forums/topic/mobile-text-width/feed/ Sat, 18 Jul 2026 08:46:11 +0000 http://bbpress.org/?v=2.5.3-5249 en-US http://blueowlcreative.com/support_wp/forums/topic/mobile-text-width/#post-33236 <![CDATA[mobile text width]]> http://blueowlcreative.com/support_wp/forums/topic/mobile-text-width/#post-33236 Sun, 30 Sep 2018 01:55:20 +0000 z25marketing I’m happy with how my site looks on desktop, but mobile view is too narrow. Is there a way to make the margins smaller on mobile without changing the width on desktop? Most of my website is set to “default” with a few header images going full width, so the design options on a row by row basis are mostly unused.

]]> http://blueowlcreative.com/support_wp/forums/topic/mobile-text-width/#post-33242 <![CDATA[Reply To: mobile text width]]> http://blueowlcreative.com/support_wp/forums/topic/mobile-text-width/#post-33242 Mon, 01 Oct 2018 08:27:17 +0000 BlueOwl Hi there,

Yes, I usually add a custom class for that to my rows, for example: smaller_row_margins_in_responsive

Then you can add a custom CSS with a media query to your child theme CSS file that will assign smaller margins for those rows only under mobile view, for example:

@media only screen and (max-width: 768px) {
.smaller_row_margins_in_responsive {
margin-top: 40px!important;
margin-bottom: 40px!important;
}
}
]]> http://blueowlcreative.com/support_wp/forums/topic/mobile-text-width/#post-33243 <![CDATA[Reply To: mobile text width]]> http://blueowlcreative.com/support_wp/forums/topic/mobile-text-width/#post-33243 Mon, 01 Oct 2018 08:29:18 +0000 BlueOwl If it’s the font sizes of heading texts we have some custom CSS helper class:

text_44_on_mobile for example. You can extend that too if you want.
It applies a 44px font size to texts in responsive (for example if your heading text is real big like 60px+ and you want it to be smaller on a phone).

http://blueowlcreative.com/docs/fortuna/#customization4

]]> http://blueowlcreative.com/support_wp/forums/topic/mobile-text-width/#post-33246 <![CDATA[Reply To: mobile text width]]> http://blueowlcreative.com/support_wp/forums/topic/mobile-text-width/#post-33246 Mon, 01 Oct 2018 14:50:52 +0000 z25marketing I tried putting that custom CSS in theme options and then in the individual page, and putting the custom class in the row I was testing, but it didn’t work. Yes, I’m talking about regular text.

]]> http://blueowlcreative.com/support_wp/forums/topic/mobile-text-width/#post-33248 <![CDATA[Reply To: mobile text width]]> http://blueowlcreative.com/support_wp/forums/topic/mobile-text-width/#post-33248 Tue, 02 Oct 2018 05:53:47 +0000 BlueOwl Your URL please?

]]> http://blueowlcreative.com/support_wp/forums/topic/mobile-text-width/#post-33250 <![CDATA[Reply To: mobile text width]]> http://blueowlcreative.com/support_wp/forums/topic/mobile-text-width/#post-33250 Tue, 02 Oct 2018 13:16:33 +0000 z25marketing http://blueowlcreative.com/support_wp/forums/topic/mobile-text-width/#post-33253 <![CDATA[Reply To: mobile text width]]> http://blueowlcreative.com/support_wp/forums/topic/mobile-text-width/#post-33253 Wed, 03 Oct 2018 07:30:30 +0000 BlueOwl Ok, looks good on mobile, which is the problematic heading?

]]>