1. PROMO Subscribe our All Access Pass @ 75% OFF & access all our 16+ premium Divi extensions: Divi Block Pro, Carousel Toolkit, etc.LEARN MORE
Dismiss Notice
NEW Divi.Help Pro Carousel AI Toolkit - Magically turn your Divi design into carousel, simply by using our online toolkit. No plugins needed. Now it works with Divi 5 as well!Try our carousel AI toolkit
BEST Divi Block - A revolutionary drag & drop tool to easily mix & match 960+ premade blocks (Light & Dark) to kick start your Divi site design. Special module designs are included as well. Also newly added AI generator & color. Now it works with Divi 5 as well!
Learn More About Divi BlockFree Version ~ 340+ Free Blocks

Solved Menu item background hover colour change not working no. 6

Discussion in 'Basic Support Forum' started by Liz England, Jul 25, 2019.

Page 2 of 2
  1. Liz England

    Liz England Member
    Divi Ultimate Header Plugin

    The one above with the buttons, and contact and social icons....
     
    #21 Liz England, Jul 25, 2019
    1. PRO MEMBER PERKS Divi.Help Header AI Generator - Try the power of AI to generate a custom Divi header for you:Try Now
  2. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    For the social icon, it seems like you have weird margin & padding. Try the below CSS to reduce the size of the social icon:
    Code:
    Log In or Sign Up to view this code.
    As for the buttons, they seems to be too big to be fit in the container in smaller screen. If you want to force it to be shown in one line, try the below CSS. Though it will certainly overlap with other elements in smaller screen.
    Code:
    Log In or Sign Up to view this code.
     
    #22 Divi.Help Pro Support, Jul 25, 2019
  3. Liz England

    Liz England Member
    Divi Ultimate Header Plugin


    Thank you SO MUCH. Yes, I've spent far too long fiddling in VB, so screwed everything up. I'll give this a go and reset all the stuff to default.
     
    #23 Liz England, Jul 25, 2019
    1. PRO MEMBER PERKS Divi Mini Cart Pro Plugin - Instantly add 3 different types of mini cart to your Divi site:Learn More
  4. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    #24 Divi.Help Pro Support, Jul 25, 2019
  5. Liz England

    Liz England Member
    Divi Ultimate Header Plugin

    Thanks - I put all of that in hut it doesn't seem to have made much different. There was an error on a bit I think? Thanks, Liz
     

    Attached Files:

    #25 Liz England, Jul 25, 2019
    1. PRO MEMBER PERKS Divi.Help Header AI Generator - Try the power of AI to generate a custom Divi header for you:Try Now
  6. Liz England

    Liz England Member
    Divi Ultimate Header Plugin

    My bad, I missed out a @
     
    #26 Liz England, Jul 25, 2019
  7. Liz England

    Liz England Member
    Divi Ultimate Header Plugin

    The buttons work perfectly :) The social icons overlap right at the end - do I need to set the breakpoint a little higher? and if so is it this value? max-width: 1265px
     
    #27 Liz England, Jul 25, 2019
    1. PRO MEMBER PERKS Divi Block Pro - Premade horizontal timeline design for your Divi site without using any plugins:View Demo
  8. Liz England

    Liz England Member
    Divi Ultimate Header Plugin

    Thanks so much for you help with this btw. I'm designing a template for up to 100 local home start sites, so want it to be perfect! This is the main corporate site https://www.home-start.org.uk/ and I want to try and emulate it to a certain extent but with a bit of local flavour. As you can see, the menu is fairly seamless across bps.
     

    Attached Files:

    #28 Liz England, Jul 25, 2019
  9. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    For your Divi site, this part has much more content, which couldn't be fit in a small screen. If you only need the social icons + the buttons, then you just need to make the row 1 column & let the social icon + the buttons float to the right.
    **Right now, it's a 3 column row & each column gets smaller in smaller screen. If you use 1 column + float right CSS, then they will stick together & will make full use of the whole row.
    upload_2019-7-25_23-14-41.png
     
    #29 Divi.Help Pro Support, Jul 25, 2019
    1. PRO MEMBER PERKS Divi.Help Pro Layout Packs - Modern & powerful Agency Divi layout pack, featuring team carousel, sliding menu, etc.View Demo
  10. Liz England

    Liz England Member
    Divi Ultimate Header Plugin

    Ah, OK thanks...will work out how to do that..
     
    #30 Liz England, Jul 25, 2019
(You must log in or sign up to post here.)
Page 2 of 2