After several days of work, I am pleased to present you this new update of OceanWP focused on the responsive. Now you’ll be able to control several elements for tablet and mobile devices like font size, padding, columns, and so on.
How It Works
When you see the responsive buttons next to the title of an option in the customizer, this means that you can change the values for this option for tablet and mobile devices.
Just click on the “Desktop” icon, two more icons will appear, clicking on one of them, your site will simulate this device and you will be able to add a custom value for it.
Show/Hide Some Elements
A new “Visibility” field has been added in the Top Bar, Page Header, Footer Widgets, and Footer Bottom sections to allow you to show or hide its elements on tablet and mobile.
Footer Widgets Columns
By default, on the tablet and mobile screens there is only one column for footer widgets, since this update you can easily choose to display your widgets between 1 and 4 columns as the GIF above.
New Header Style
A new header style has been added “Medium” with several options to allow you to customize this header style according your needs, like to show/hide the menu when scrolling, show/hide and to reorganize the columns and control the padding of the top section, control positioning, height, padding of the menu, and more.
Other Features
All widgets were removed from the theme because some widgets had code that is not allowed in a theme on the WordPress directory, they were moved in Ocean Extra 1.2.0, so if not already done, update the plugin before the theme to lose no widgets data.
Two new font weight 500 and 900 have been added and now it is possible to control the font size of the social menu and add a left/right padding.
What’s Next?
I will improve the Medium header style, you will be able to put what you want in place of the search form and social in the top header.
Then I would start working on a new extension to allow you to enable/disable each scripts of OceanWP, this way you can have a very light theme.
If you have an idea or suggestion to improve the theme, feel free to contact me.
Tell me in the comments what you think of this update.
Just downloaded and start experimenting with OceanWP. Must say this is the best theme I have every come across. Tonnes of flexibility and options to configure. Kudos to you. Really appreciate this and will share with peers to try the OceanWP and explore the extensions you have created.
Thank you very much.
This is still the best for me so far, and works really great with my favorite page builder.
I haven’t checked, but I’ll look to see if this update easily allows for increase in logo dimensions (width X height) beyond 164×40 px…
Really love OceanWP, thanks for developing it and for your continuous development too…
I love it…. THANK YOU!
Thank you for your comment 🙂
You can put a logo of the size you want, I put 164×40 as I had to set a height and width by default.
oh, great! Thanks for your response
Hi Nicholas, not sure why my logo became very small and I am unable to change it.
Hello, please use the support for any issue with OceanWP, thank you 🙂
I have the same problem. After recent OceanWP update, my website logo became invisible on mobile and iPad.
please advise how it can be fixed.
Bonjour Nicolas, un énorme merci d’avoir créé OceanWP !!!!
Bonjour, un énorme merci de l’utiliser 🙂
SAVE BUTTON DISAPPEARED? I’m using Elementor and I just updated to the new Ocean WP version, but now the entire bottom bar on the editor with the “save” button and “revisions” has disappeared. Please help!
Hello, please use support for any support question, thank you.
AAANNNDDDD it is gone!! AANNNDDD where is the info in your support? OORRR Julien, Did you ever find an answer? I have my site ready to go and it WILL NOT SAVE!!!!
Hello, as it is an Elementor issue, you need to contact the Elementor support team.
I am looking to change the feature image size on the blog postings. Are there options so that the photos can be medium or thumbnail in the post listing? Right now it is full width or nothing. I don’t seem to have the option to set the feature image as a smaller size.
Hello, you can use a CSS code like this:
.blog-entry.post .thumbnail img { width: 500px; }
Hello, Can anyone tell me how to increase the font size of the menu ??
Hello, go to the Typography section of the customizer 🙂
I have the same question as Sunny, How to increase the font size of the menu
Hi, you just need to go to the Typography > Main Menu section of the customizer.
Hello, please add a phone number show in social menu
I got it, go customize->typography->main menu. I love the theme, fantastic work, will donate
Hello,
I am new at Wodpress, still learning and I have a question if you can help me.
I use Ocean WP Child theme. I would like to rename on page title instead of BLOG to something else, let’s say NOVICE. I tried everyting on theme editing, but can not find a solution. Also I searched for title.php and this theme doesn’t show it.
Can you pls check and let me know?
Best regards
Hello, you can use this code: https://docs.oceanwp.org/article/235-alter-main-page-title
You just need to replace “get_the_title()” by “Novice”.
I’m using OceanWP with Elementor but can’t find a way to keep a tagline connected to my website name — so it appears on every page. Suggestions?
Hi, is the ability to change the header size on mobile only available in pro? I’ve tried to customize this with CSS but no dice.
How to force desktop view for oceanwp? I to disable mobile responsiveness and make it a desktop version site on my smartphone? Please Help. Tq so much.
Can you detail a bit more what you are trying to accomplish regarding “force desktop view for oceanwp”?
Bonjour
J’ai adopté votre thème et utilisé élémentor comme constructeur de page . Un problème majeur que je n’arrive pas à résoudre : l’affichage est différent selon les tailles d’écran 22’ 17’ ou 15’
Comment cela se fait il ? Car tout se décale
Merci pour votre aide
Hello Seb,
Thanks for reaching out.
That’s actually not a surprise as both OceanWP and Elementor are responsive so depending on the screen width and your settings, like the full website width, Elementor section settings, etc the layout might look different on different devices. It also doesn’t really depend on the screen size but on your screen resolution, so you can definitely control some things with custom CSS and @media query settings for screen width (and height). But this is all generally speaking, because I do not know what kind of sections, layout and widgets we are talking about. I would recommend joining the OceanWP Facebook group where you can seek advice and suggestions from other users and experienced designers: https://www.facebook.com/groups/OceanWP/
Hope this helps