This saved me soo much time. Thank you! I've been trying to figure out Divi and how I could change this. Any chance you have a tip where in the code I should insert a transition so I make the expansion and collapsing smooth? :)
I'm glad you liked it! Do you mean the transition for the mobile menu? The possibilites in the default Divi mobile menu is pretty limited. I would recommend a plugin like Divi Toolbox if you want to have more control over mobile menu animiations etc, Here's a video on how it works; th-cam.com/video/Glqi3adm_jc/w-d-xo.html
Hello do you know why ms website looks so messy horizontally on tablet but good vertically? Is there a way to change website looks onlx horizontally and vertically it will still look the same?
thank you so much for this amazing tutorial. Everything is working for me except the icons in the blurb module. For some reason, the icons won't appear on any of the 3 views. Any ideas why this might be happening?
Thank you for a good video - one question - how did you get the blurbs in the last minute of the video to stack in 3 on tablet? normally they stack beneath each other right? Also do you ever consider using the Theme Builder and make individual pages for tablet and mobile?
Thank you Keld! That's a good question. If you use a six column row (which I use for the logos), Divi will display it in two three column rows in tablet. But if you use a three column row, Divi will display it in a one column row for tablet. But you can use custom CSS to force Divi to display a three column row in three columns in iPad. Just go to the Advanced tab in the Row settings and paste this CSS in the Main Element for tablets: display:flex; You might not see the change in the Visual Builder but it should display in frontend. To avoid squeezing in smartphones, you might want to reset the flex display by adding this CSS in the rows' Main element for mobiles: display:block; Let me know how it goes!
Hej! Tusen tack för grymma tutorials! Tänkte bara fråga hur man ändrar storleken på loggan i mobile version? Min är superliten och det går inte att ändra storlek med custom css :/
Kul att du gillar dem! 🙂 Det beror lite på om du har använt Theme Buildern eller Theme Custommizern för att bygga menyn? Kolla även så att du inte har en massa whitespace runt loggan i själva bilden också. I så fall kan du beskära bort det för att den ska visas större. Kan du dela en länk till sidan?
@@Victor-Duse Lyckades faktiskt fixa till det! Gjorde om menyn i theme buildern till full width. Och jag omvandlade min logo bild till svg formatet. So far, so good. Nu måste jag bara se till att mobile och tab versionen blir lika bra som desktop. Vilket är klurigt just nu. Hoppas att det är ok om jag har en fråga eller två lite längre fram?
@@Victor-Duse Hej Victor! Nu har jag min andra fråga och det har fortfarande att göra med mobile view. När jag trycker på t.ex. mobile view och gör ändringar där, så slår det igenom i alla format. Alltså i desktop och tablet. Trots att jag väljer mobile. Finns det nåt sätt att åtgärda detta? Tack på förhand.
When I edit the module to look good in tablet or phone mode it automatically changes my web browser mode. How do I differentiate between the two themes so that when I edit phone mode it only affects that view?
Hi Alicia! This is a common issue in Divi since the responsive design settings doesn’t follow the responsive preview mode, which doesn’t make much sense. I try to explain the difference between the preview mode and the design settings in this video: th-cam.com/video/IwXk5EBIy1g/w-d-xo.htmlsi=NDa0N4XhaUTuu2JB Let me know if that solves the problem for you. 🙂
Thanks for the clarification @DiviMundo. I am in the correct area now but maybe it is because I am trying to edit an image not just the size of text. Are background images treated differently on Divi builder? Thanks again for the help!
@@AliciaFrancis-o6e Backgrounds, text content etc. can be changed using the Responsive Content feature. Check out this post: www.elegantthemes.com/blog/theme-releases/responsive-editing-hover-editing-for-divi
👋 This is a part of a 6 hours free course. Find all the chapters here: th-cam.com/play/PLjECge4F19csB2CqH5hzUO2bkn7nHvjjH.html&si=ZDiXcntkCmntNJAi
This is exactly the content I needed to see. Perfect. Thanks!
Thanks, I’m glad you liked it Dan! 🙂
This saved me soo much time. Thank you!
I've been trying to figure out Divi and how I could change this. Any chance you have a tip where in the code I should insert a transition so I make the expansion and collapsing smooth? :)
I'm glad you liked it! Do you mean the transition for the mobile menu? The possibilites in the default Divi mobile menu is pretty limited. I would recommend a plugin like Divi Toolbox if you want to have more control over mobile menu animiations etc, Here's a video on how it works; th-cam.com/video/Glqi3adm_jc/w-d-xo.html
Hello do you know why ms website looks so messy horizontally on tablet but good vertically? Is there a way to change website looks onlx horizontally and vertically it will still look the same?
thank you so much for this amazing tutorial. Everything is working for me except the icons in the blurb module. For some reason, the icons won't appear on any of the 3 views. Any ideas why this might be happening?
Thanks! It could be an https issue. Make sure that everything is green at www.whynopadlock.com
Thank you for a good video - one question - how did you get the blurbs in the last minute of the video to stack in 3 on tablet? normally they stack beneath each other right?
Also do you ever consider using the Theme Builder and make individual pages for tablet and mobile?
Thank you Keld! That's a good question. If you use a six column row (which I use for the logos), Divi will display it in two three column rows in tablet. But if you use a three column row, Divi will display it in a one column row for tablet.
But you can use custom CSS to force Divi to display a three column row in three columns in iPad. Just go to the Advanced tab in the Row settings and paste this CSS in the Main Element for tablets:
display:flex;
You might not see the change in the Visual Builder but it should display in frontend.
To avoid squeezing in smartphones, you might want to reset the flex display by adding this CSS in the rows' Main element for mobiles:
display:block;
Let me know how it goes!
Hej! Tusen tack för grymma tutorials! Tänkte bara fråga hur man ändrar storleken på loggan i mobile version? Min är superliten och det går inte att ändra storlek med custom css :/
Kul att du gillar dem! 🙂 Det beror lite på om du har använt Theme Buildern eller Theme Custommizern för att bygga menyn? Kolla även så att du inte har en massa whitespace runt loggan i själva bilden också. I så fall kan du beskära bort det för att den ska visas större. Kan du dela en länk till sidan?
@@Victor-Duse Lyckades faktiskt fixa till det! Gjorde om menyn i theme buildern till full width. Och jag omvandlade min logo bild till svg formatet. So far, so good. Nu måste jag bara se till att mobile och tab versionen blir lika bra som desktop. Vilket är klurigt just nu. Hoppas att det är ok om jag har en fråga eller två lite längre fram?
@@RA-po5rl Härligt att höra! Theme Buildern är alltid att föredra. Frågan är fri, jag svarar efter bästa förmåga. 🙂
@@Victor-DuseDet låter bra. Tusen tack! 😊
@@Victor-Duse Hej Victor! Nu har jag min andra fråga och det har fortfarande att göra med mobile view. När jag trycker på t.ex. mobile view och gör ändringar där, så slår det igenom i alla format. Alltså i desktop och tablet. Trots att jag väljer mobile. Finns det nåt sätt att åtgärda detta? Tack på förhand.
Thanks for this man it really helped
Awesome, I’m glad to hear that! 🙂
When I edit the module to look good in tablet or phone mode it automatically changes my web browser mode. How do I differentiate between the two themes so that when I edit phone mode it only affects that view?
Hi Alicia! This is a common issue in Divi since the responsive design settings doesn’t follow the responsive preview mode, which doesn’t make much sense. I try to explain the difference between the preview mode and the design settings in this video: th-cam.com/video/IwXk5EBIy1g/w-d-xo.htmlsi=NDa0N4XhaUTuu2JB
Let me know if that solves the problem for you. 🙂
Thanks for the clarification @DiviMundo. I am in the correct area now but maybe it is because I am trying to edit an image not just the size of text. Are background images treated differently on Divi builder? Thanks again for the help!
@@AliciaFrancis-o6e Backgrounds, text content etc. can be changed using the Responsive Content feature. Check out this post: www.elegantthemes.com/blog/theme-releases/responsive-editing-hover-editing-for-divi