This new release is focused on the mobile header, OpenGraph and the Portfolio extension. You can now choose to place your logo / cart / mobile link, more details below.

Mobile Header

More and more users visit your site on mobile devices, it is fundamental to have a great looking and user-friendly website. That is why I have added a new setting in the Header > Mobile Menu section of the customizer to allow you to place the header elements on mobile view, you can now choose between three styles, Logo / Cart / LinkCart / Logo / Link or Link / Logo / Cart

New WooCommerce Features

I have added some new WooCommerce settings with always conversion in mind:

1. You can now control the image and summary width in your single products.

2. A new setting is added in WooCommerce > Single Product to select between three styles for the Add To Cart button, normal the button as a normal size, big, the button is bigger and very big, the button takes all the summary width.

3. A new style is added for the cart icon in the header, the style is exactly the same as you can have with the woo cart shortcode, so now you can use the shortcode and have the exact same cart icon on mobile view.

4. A new style for the tabs in single product, now you can display them as sections without any tabs links.

Meta tags

A new settings has been added for OpenGraph in the General Options > General Settings section of the customizer. When you will share a link of your site on your social medias, the meta tags will tell them exactly what to take.

Compatibility for Elementor Pro 2.0

On the upcoming Elementor Pro 2.0, you will be able to customize absolutely every parts of your website, archives, single post, taxonomies, etc..
OceanWP is fully compatible with all the new Elementor 2.0 features.

New Portfolio Features

Some new great features have been added to the Portfolio extension.

1. It is now possible to choose to enable/disable the link and lightbox icons.

2. You can enable a setting to open the item image in a lightbox to the image click.

3. The lightbox script is replaced by PhotoSwipe, this new script is much better and has great features like full screen, social share, better looking, etc… This script is perfect for photographers to showcase your work in a beautful lightbox. You can check the new lightbox in live in the Photography demo.

What Else?

OceanWP is now fully compatible with WooCommerce Germanized.
A new setting has been added in Typography > General to disable the Google Fonts.

The issue of the color picker settings in the customizer and the OceanWP Settings metabox with the Safari browser is now solved.

A widget is added in the WordPress dashboard to display the last OceanWP News & Updates so you will be able to see the latest news of the theme.
The licenses tab is removed from Theme Panel and is added is a new page, when you will activate a premium extensions, the Extensions tab under Theme Panel will be replaced by Licenses.

Two new check boxes settings has been added to the White Label extension to allow you to hide the OceanWP News & Updates widget in the dashboard and the sidebar in Theme Panel.

Tell me in the comments what you think about this new update and what you would like to see incorporated in OceanWP in the future.

This Post Has 99 Comments

  1. Paul C

    Some very nice to additions and tweaks there Nicolas. I look forward to putting together a new video covering some of those key updates soon :0)

      1. Michael Bjorkqvist

        Hi there,

        The mobile menu is now above my normal header and kind of disturbs everything. How can I remove it?

        Other than that it all looks good.

          1. Michael Bjorkqvist

            Hi Nicolas,

            Yes I did but that did not help. I had to do my header and footer all over, and then the little menu icon that hoovered all over the header dissapeared. But a lot of work for nothing. In the future I will not update the theme immediately, that is what I learned… Ha ha ha

          2. manuela

            same problem since the update. Please can you fix this issue !? Thank you

  2. Pedro Reyes

    Hello, thank you very much for the support!

    I just updated the theme to the new version and I am having the following problems:

    1. In the desktop version, the menu appears duplicated.
    2. In the mobile version I see the entire menu aligned to the left and there is a white space to the right.

    I hope you can help me please.

    Thank you

    1. Hello, have you cleared your cache? Also, if you have disabled any scripts, go to Theme Panel > Scripts & Styles, click Save Changes, then clear your cache.

    2. eztouseweb

      Same for us. We’d hoped clearing the cache would work but it didn’t and we ended up reverting the site back to a previous state with the last version of Core Extension Bundle.

    3. Marion

      I have the same problem… after the update my mobile menu button is disaligned and shown also on the desktop version… 🙁

      1. Hello, it is just a cache issue, if you have disabled any script, go to Theme Panel > Scripts & Styles, click Save Changes, then clear your cache.

        1. Marion

          Hallo Nicolas,

          I already read this before, but my problem was that I hadn’t installed the Ocean Extra Plugin to be able to use the Theme panel. Now I did what you said but it is still not working…

          I’ am using a child theme, could this be the reason for the problem?

  3. Eduardo

    Thanks Nicolas! This update is very cool!
    OceanWP is the best theme.
    Thanks you so much for your work.

  4. Jamie

    Hello. After updating tonight, elementor is giving me the ‘Preview Could Not Be Loaded’ Error when trying to edit a page. I’ve cleared cache, and have saved permalinks as new format. Elementor works fine when i activate another theme. My site only show header now since pages and footer were made with elementor. Any ideas on what i should try?
    I love oceanwp, btw. 🙂

      1. Jamie

        Yes! Thank your for your speedy response. And thank you for oceanwp.

  5. Manuel

    Despite cleaning cache and try disabling-enabling other plugins, after this last update, my website has broken. Currently i use Elementor. Before this version, every was fine.

    I’m using 7.1 PHP version. What’s wrong?

  6. Julien

    big problem with this update, my site is empty, we just see the menu and the logo. There is also the search bar that is displayed, yet I had disabled it, with this new update it is displayed.

      1. Julien

        problem solved with this version but I have the search form that appears in the header, impossible to disable. In header> general> item position, if I disable, the logo and social buttons are no longer centered

        1. Jamie

          I’ve got the search box showing up in header too. Did you find a fix?

          1. Julien

            @Jamie
            for the moment, Nicolas has offered me no solution for this problem. Before the update, we could check or uncheck a box to disable the search form, this box no longer exists, I do not understand why he removed

          2. Julien

            @Jamie

            You can solve this problem with this code css

            #site-header.medium-header #medium-searchform input {
            display: none !important;
            }

            #medium-searchform label {
            display: none !important;
            }

            .icon-magnifier:before {
            display: none !important;
            }

  7. Manuel

    Hello Nicolas, After the update its giving me this error. Fatal error: Call to undefined function oceanwp_wcmenucart_menu_item() in /home1/manueloconde/public_html/wp-content/themes/oceanwp/inc/header-content.php on line 160.
    The only way I can edit with elementor is if I disable “Display Header”. By doing so I lose my menus.

      1. Manuel

        Hi,

        Thank for your help.I tried to update it again (ver. 1.5.8) and finally it works. It looks to be a problem with “WP Super Minify” and “WP Super Minify”, these plugins didn’t erase completly the saved cache.

        The only visible change after update has been the search field beside the website logo, what i have fixed without problem.

        Great job! I love this WordPress theme since i was noticed about months ago!

  8. olivier44300

    Bonjour,
    Après avoir installé la dernière MaJ, Le menu Hamburger apparaît systématiquement sous le menu principal et je n’arrive pas à empêcher l’affichage. En mode tablette et mobile, l’affichage est normal.
    J’utilise un header personnalisé.
    Merci, Olivier

    1. Bonjour, videz votre cache. Et si vous avez désactivé un script, allez dans Theme Panel > Scripts & Styles, cliquez sur le bouton pour sauvegarder, ensuite, videz votre cache.

  9. Meer Hadi

    Nicolas. this new update is great. but i am having some problems. after this new update, the menu button positioning on mobile phones is not good, and the menu button is also show up on desktop. please fix it.

  10. Meer Hadi

    it’s solved. sorry for the first comment, i was frightened. first i purged cache of w3 total cache nothing happened. then i purged cache of ”fast velocity minify” plugin, which is a minify plugin then it’s solved. you’re theme is great. I have a question, would u suggest me to use fast velocity minify plugin, it is giving me better results in pingdom, gtmetrix and google page speed.

  11. Saeed

    Hey there,

    I can’t possibly put to words how grateful I am for such a brilliant theme for free so please know that I am not nagging but giving some honest feedback. Since the new update the mobile menu shows up on desktop and the cart icon on it is duplicated and the menu doesn’t even show up on mobile itself.

    I hope you can find this information useful.

    1. Hello, very glad that you love OceanWP 🙂
      For your issues, have you cleared your cache? Also, if you have disabled any scripts, go to Theme Panel > Scripts & Styles, click Save Changes, then clear your cache.

      1. Saeed

        Thank you for your reply! Before I tried your suggestion, it seemed the issue with the mobile menu showing on desktop had resolved itself somehow but I still get duplicated cart icon+number of items on mobile. My header style(header>general>style) is set to medium. Before when I said I see no menu on mobile, the header was set to top menu. I’m going to work around this with some tweaking somehow until a fix is available. All the best!

  12. Utibe

    Please I have issues with my Wp Ocean store theme. After updating, I noticed that main menu displays both mobile and desktop menu on a desktop computer.

    1. Hello, it is just a cache issue, have you cleared your cache? Also, if you have disabled any scripts, go to Theme Panel > Scripts & Styles, click Save Changes, then clear your cache.

  13. Frank

    Hi Nicolas,

    same problem here as others have already mentioned. Mobile menu is constantly showing on desktop, and yes, I have cleared my cache and I went through Theme Panel > Scripts & Styles…. nothing would work and I’ve gone back to the last version. This actually seems to be a major bug…
    Thanks for looking into it.
    Frank

    1. Have you a cache system on your server or are ou using Cloudflare? You need to clear all the cache of your server/site and that will update the CSS file with the right code.

  14. Julien

    @Nicolas Lecocq

    In the future, is it possible to add a masonry display for the portfolio ? (as on pinterest)

        1. Yes Masonry works, on the screenshot you sent, your images are the same size so you cannot see but if you add an image to a different height you will see that the masonry work.

          1. Julien

            Ok thanks Nicolas 😉

  15. Saeed

    I am posting a new comment as I’ve encountered a new issue with version 1.5.8.. It appears the new update causes a conflict with Woocommerce or vice versa as the customize function stops working. I checked have all other plugins and it seems it’s Woocommerce and a pretty major one tbh. I hope you guys can use this feedback.

      1. Saeed

        Hi. I noticed that the customize function stopped working suddenly as it didn’t load completely to show up. It freezes showing “customize – loading” on the tab in chrome and shows only widgets as an option but they can’t be adjusted. I might be mistaken but I disabled all plugins and tested them one by one and enabling Woocommerce is what seems to cause the problem with customization of the theme.

          1. Saeed

            Thank you so much!

    1. Hello, it is a cache issue. If you have disabled any script, go to Theme Panel > Scripts & Styles, click Save Changes, then clear your cache.

  16. Jay

    I’m having the same issue as others have mentioned. I can’t get the mobile menu to go away (even after deselected and reselected scripts and clearing the cache). Now the mobile menu won’t work, so mobile users can’t navigate at all.

    Please help!

    1. Jay

      Okay, now the menu is working, but it is pressed tightly against the logo and still won’t go away on desktop. There’s definitely some bugs with this version…

  17. Kemar Brown

    Products quick view not working after update.

    Also list view.

  18. gabetu

    Hi Nicolas,

    Great updates as usual, but there are two bugs on category archives (site.com/category-slug/) and probably also on other archives that I don’t use right now:
    – scroll to top is not shown & not working at all
    – on responsive mode the dropdown menu is also not working at all

    Besides Yoast SEO and LiteSpeed Cache plugins I’m using free Elementor and Jet Elements (http://jetelements.zemez.io/).

    Thanks for your time !

    1. Hello, can you send me your site url? Disable LiteSpeed Cache and tell me if you still have the issues.

  19. Sheldon

    Is there any way to add more than just the social media buttons to the Medium Header Style? I read that there was gonna be an update to add more than just the social feed. I wanted to add some text there with something like business hours and an email address.

    1. Hello, I try to do something for a future release but you can create a custom header so you can do what you want.

  20. L.A

    Hi,
    I have a problem when the theme is in responsive mode. When you navigate to category in mobile/ipad mode one is not able to navigate to another category. A hashtag is added to category links. For example: website.com/category/product/#
    Would appreciate if i could get some help to resolve this problem. This problem appeared after the latest update.

    Best Regard,
    L.A

    1. Click the Support link in the menu. If you are not a customer, open a pre-purchase ticket because I will need personal information.

  21. Dan

    Hi Nicolas, thanks for this wonderful theme. I’m trying to use the Pagescroll to id plugin but it doesn’t seem to work with Ocean WP. How can I fix this?

  22. Kaaraba

    Hello Nicolas,

    I will I guess subscribe to your yearly support, I would like to know if the yearly support includes all your plugins and widgets? or shall I purchase this separately.
    Also, what is the difference from your monthly plan and the yearly support?
    Just wanted to know.

    last question, in our website we have added a modal box which display a form when you click on the icons ” ?’ ask questions, as you can see the customer could select a calendar , but the calendar is not displaying on the modal box, do you know how to fix this please?

    Thanks a lot.
    Kaaraba

    1. Hello, no, the priority support doesn’t include the premium extensions.
      The difference between the three months plan and the yearly plan is just the time 🙂
      For your calendar issue, try this css code:
      .flatpickr-calendar.open {
      z-index: 999999;
      }

      1. Kaaraba

        Nicolas, you are the best !!!!!
        I tried this:

        .flatpickr-calendar.open {
        z-index: 999999;
        }

        and it did worked well !!!

        Regards,
        Kaaraba.com

  23. Miriam C

    The categories of the entry have disappeared. At first you could see them with their content and their image. Not now. How can I get them back? What should I play?

  24. Peggy o.E

    Hello Nicolas .. absolute love the OceanWP theme and plugins .. Very easy for newies like me 🙂 .. but unfotunate the latest update of Oceans Extra is screwing up my menu’s .. If I delete the plugin all looks fine but then I can’t edit looks of the pages [like margins and such] .. Reinstalling the plugin does not help .. So if you have an advice here in settings to make it look normal again I would appreciate big bunch!

      1. Peggy o.E

        Thanx for the reply Nicolas .. have created a ticket on WordPress OceanWP forum .. hope we can fix this soon ..

  25. Apple

    Great post. Interesting overall. Great features added on oceanwp. Mainly the opengraph mobile header feature.

  26. Bill

    Parse error: syntax error, unexpected T_STRING in /home/content/37/10406937/html/lucas/wp-content/themes/oceanwp/inc/third/class-elementor.php on line 309. Receiving this error after installing Oceanswp on my website. I am using the latest version of Worddpress. Any idea’s? Please email me at wlucas@*****.us.

    1. Hello, it is because you are using a very old PHP version, upgrade to PHP 7 and that will solve the issue.

  27. John

    OceanWp is randomly showing a different menu on mobile even though that menu is no where on the page… the ocean page settings = I have the menu set to Menu #1…

    >>the menu #1 shows on desktop.
    >>Random Menu #5 shows on mobile.

  28. Jake

    How to u add more elements to the header general options? I don’t want such limits. I cant believe there is no option to add a simple text block! I have to keep modifying the header search file to add simple text to the header instead of search/social profiles.

    1. Hello, the header/footer have no limits because you can create a custom header and footer so you can do absolutely what you want.

  29. mohamad khalilyossif

    how to switch the position of the logo and the menu on desktop v without creating custom header
    because when i do a custom header i cant get the menu and the logo and the shopping cart icon on the same row

  30. s duncan

    I’m not sure what to make of this theme. I’m trying out the free version on a test site. However, the mobile menu problem, raised some time ago I can see now and still on-going for many, remains unresolved. I have disabled all of the plugins, removed custom css, changed the width at which the menu displays, deleted cache – in fact all of the suggestions I can find – but no joy – on Android anyway. It’s such a major issue. I wouldn’t dream of purchasing premium based on this experience.

    1. Hello, all users with this issue have been resolved, can you open a pre-purchase ticket and send me the login details of an admin and FTP account? I will solve this problem for you.

  31. Nicolas

    Hi Nicolas. Merci pour ce thème complet. I have a different logo on each device. I have changed it for the mobile through en tête > menu mobille. But I can not change it for tablet. So I have a logo for desktop + mobile and a different one for tablet.
    May you have a solution ?

    1. Nicolas Lecocq

      Hello, go to the Header > Logo section of the customizer and add your own logo in the Retina Field, tell me if it solves the issue?

  32. uprogress

    Hello, how to add tab logo?

  33. vinayak

    Hi, Is it possible to show the site logo on the mobile menu?

    1. Nicolas Lecocq

      Hello, you probably mean for the sidebar style, by default, it is not possible but you can hire a developer to do it for you.

  34. Ahmad

    Sir plz provide searchbar on Mobile header in future update

  35. Sabir

    When I set link/logo/cart it is not working cart is always showing before link/menu

    1. MarkoS

      Hello Sabir, thanks for stopping by. Unfortunately, we’re really not in the position to provide you with support on the blog page. However, the element positioning will not function with all Header styles. I would recommend joining our Community Support group on Facebook, so that you can start a support thread and share more details. Thank you

Leave a Reply to Nicolas Lecocq Cancel reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.