Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
Hello guys,
The website I am building thanks to Site Origin looks nice on computer version, but there is a problem with the Site Origin text editor Widget.
When you click on see the mobile version, all the pictures are put in the middle correctly (not the header though) and the Text Widget only displays one or 2 words per line, which makes it look very messy.
So to make it more clear, here are my 2 questions:
-How to make to header look more mobile friendly
-How to make so that the text is on more words per line
Thanks again, and keep it up guys. Page Builder is awesome
This is the address to my website:
http://renaissance.wefreedive.com/wp/
Hi Wefreedive
You can change this with some custom CSS. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Just add the following code.
@media (max-width: 768px){ .widget_sow-headline .panel-widget-style { padding: 0 !important; } #pg-2-4 .panel-row-style { background-position: center; height: 230px; } }You might also need to install the SiteOrigin CSS Editor.
Please note that I was unable to view the header banner for some reason.
Thanks, we changed the theme to Vantage 1.4 from your development, due to problem with our current theme.
I would like to:
-Either delete the title under the menu when we arrive on another page than home (I believe it is called a breadcrumb, H1)
-Or learn where to control it, as I don’t view any options in the Theme, Customize.
I already had Custom CSS which is an awesome tool, but it seems like we can only update the frontpage with this. I cannot navigate to one of my page and then activate custom CSS.
Am I doing something wrong?
Thanks for your help guys =)
-Wefreedive
I can’t help you with your first questions, but I can show you where to navigate to your other pages in Custom CSS. First click in Custom CSS on the menu-item of the page you want to go to, then you can click on the link (see the red arrow). Hope that helped.
Hi Simone,
Thank you for being helpful! :)
Hello,
Yes this is exactly it, thank you!
Loads of headaches gone =)
-Wefreedive
Hi Wefreedive,
Okay so the breadcrumb is controlled via Yoast so you’ll have to use the Yoast settings to adjust it. If you would like, however, to disable the breadcrumb entirely you can do so by navigating to WP AdminAppearanceTheme Settings and untick the Yoast Breadcrumbs setting.
Hello,
Thanks for all the help. I have another question, on my mobile, the main top menu looks messy (not in one line), and the sections are not ordered. Any help on this to make it more organized?
The menu looks good on the computer though.
Thanks in advance,
-Wefreedive
Hi Wefreedive,
The premium version includes a wonderfully responsive menu. For more information please navigate to WP AdminAppearanceVantage Premium
You can change this with some custom CSS. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Just add the following code.
.so-vantage-mobile-device .main-navigation ul { margin: 0 !important; } .so-vantage-mobile-device .main-navigation ul a { padding: 20px 15px !important; }It’s not perfect, but it’ll improve it significantly. You might also need to install the SiteOrigin CSS Editor.
Thanks for the answer, it works very well. We will look into the premium version also.
Thanks guys you are great!