CSS Edit for mobile responsive to show correctly. PLEASE HELP!!

Community Forums Forums Design Tips and Tricks CSS Edit for mobile responsive to show correctly. PLEASE HELP!!

This topic is: resolved

Tagged: ,

This topic contains 2 replies, has 2 voices, and was last updated by  dighomes 3 months, 1 week ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #110031

    dighomes
    Member
    Post count: 5

    The top search widget isn’t showing correctly on mobile phones.

    If you access the site via a mobile you’ll see what I mean at the top.

    It drops the “s” down in the last search box term.

    Can someone please help me?!?!

    I’m learning code and not really sure how to fix this/what to add/where.

    http://www.dighomes.com
    #110045

    eamonmoriarty
    Participant
    Post count: 226

    At around line 49 of client.css in the dsidxpress plugin you have

    .dsidx-search-widget label {
        display: inline-block;
        width: 20%;
        padding: 5px;
        float: left;
        clear: both;
        box-sizing: border-box;

    Try changing the padding to 1px ; that may achive the desired result


    Eamon Moriarty
    EM Dzine

    #110121

    dighomes
    Member
    Post count: 5

    It worked, thanks so much!

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

You must be logged in to reply to this topic.