Home Forums WoodMart support forum Need CSS for Mobile Browser Switch

Need CSS for Mobile Browser Switch

Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #370313

    prattsy
    Participant

    Hello,

    I have a mobile style problem with the Firefox browser.
    Must therefore set up a browser switch.
    Need CSS for the elements (see image).
    The text is cut off on the right and the end Point of the Text is free in space.

    Best Regards

    Attachments:
    You must be logged in to view attached files.
    #370716

    Hello,

    Please add this code to the Theme Settings > Custom CSS >Mobile:

    .woocommerce-cart-form .jde_hint {
    	padding: 0;
    	min-height: auto;
    	padding-bottom: 25px;
    }
    
    .woocommerce-cart-form .jde_hint a {
    	margin-bottom: 0;
    	word-spacing: 20px;
    }
    
    .woocommerce-cart-form .jde_hint .actions {
    	display: block;
    	text-align: left;
    }
    
    body .product-subtotal .woocommerce-Price-amount {
    	margin-right: 5px;
    }
    
    body .product-subtotal .wgm-tax {
    	margin-bottom: 5px;
    }
    .woocommerce-cart-form .jde_hint .actions:before {
    	display: none;
    }

    Best Regards

    #370890

    prattsy
    Participant

    MANY THANKS!

    For perfect Design i need two little Things.

    Please see Images.

    Best Regards

    Attachments:
    You must be logged in to view attached files.
    #371097

    prattsy
    Participant

    I need this for Mobile Firefox.
    Other Browsers ok.

    #371111

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Mobile:

    body .product-subtotal .woocommerce-Price-amount {
    	margin-right: 0 !important;
    }
    
    body .product-subtotal .wgm-tax {
    	display: block;
    	width: 100%;
    }

    Best Regards

    • This reply was modified 2 years, 7 months ago by Elise Noromit.
    #371121

    prattsy
    Participant

    Hello,
    please see Images.
    Google ok, Firefox not.

    Best Regards

    Attachments:
    You must be logged in to view attached files.
    #371494

    Hello,

    Please move the code:

    body .product-subtotal .woocommerce-Price-amount {
    	margin-right: 0 !important;
    }
    
    body .product-subtotal .wgm-tax {
    	display: block;
    	width: 100%;
    }

    from the Global to Mobile in the Theme Settings > Custom CSS.

    The problem that occurred in the Firefox on mobile may be caused by increased font size. This font size is increased either by the browser settings or your device settings. We have checked the issue on our devices in Firefox and we do not see the problem: https://prnt.sc/NfMgXZSYC8vC

    If you have any questions please feel free to contact us.

    Best Regards

    #372535

    prattsy
    Participant

    Hello,
    Please see Picture.
    Now i wrote for this Problem third Time.
    Please fix it.

    Best Regards

    Attachments:
    You must be logged in to view attached files.
    #372767

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    .cart-totals-inner .wgm-tax br {
    	display: none;
    }

    Best Regards

    #372815

    prattsy
    Participant

    Hello,
    Thanks!
    Please see Image.
    For Mobile Cart i need little Style Customizion for Tax Info.

    Best Regards

    Attachments:
    You must be logged in to view attached files.
    #373036

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    .cart-totals-inner .wgm-tax br {
    	display: none;
    }

    Best Regards

    #373067

    prattsy
    Participant

    Hello,

    this CSS always exists.
    You have mailed it to me before.
    Not work for this Problem.
    You can see it in my CSS.

    Best Regards

    #373099

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Mobile:

    body .product-subtotal .wgm-tax {
    	text-align: left;
    }

    Best Regards

    #373105

    prattsy
    Participant

    thankyou

    #373406

    You are welcome! We are here to help.

    Wish you a wonderful day!

Viewing 15 posts - 1 through 15 (of 15 total)

The topic ‘Need CSS for Mobile Browser Switch’ is closed to new replies.