Responsive Functionality: Add Icons in Single Row

  • Hello,

    My website is https://www.sleepyowl.biz, and I purchased the City Tours theme. I wanted to do two things in the mobile site:

    1. Make the “Check In” and “Check Out” in one row, and the “Adults” and “Rooms” in the second row.
    If you view it right now on the mobile site, each search form is in a different row.

    2. Make the “Kangarooms Promise” Icons in 2 rows with 3 icons each.
    If you view it right now, each icon is in a different row. So there are 6 rows on the mobile site.

    Is there custom css I can add to include this functionality?

    Thanks,
    Seby

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

  • Hi sebypelaez!

    I’d recommend going to https://themeforest.net/user/soaptheme and asking for support as it is a theme you purchased from them.

    1. Is a matter of adding the bootstrap col-xs-# class for the XS (mobile) layout, in your html, for the ID #search-hotel-form.

    2. This involves adjusting the bootstrap col-size-# class, though this may be as easy as making a quick adjustment through the theme options. Thus, sometimes easier to contact the original theme developer.

    Thread Starter sebypelaez

    (@sebypelaez)

    Hi there,

    Thanks for the reply!

    I already asked for their support, but they havent given me the proper line of code yet. I know that I just need to go and the Custom CSS but since I’m not a developer, I dont know the specific code.

    Could you give me the code to add for both scenarios?

    Ill test it out and get back to you.

    Thanks!!
    Seby

    Thread Starter sebypelaez

    (@sebypelaez)

    Hello,

    Already solved the issue! Thanks.

    However, I am having problems now with 2 things. Hopefully, you can support:

    1. How do I adjust the size of the Search Box for “Adults” and “Rooms”? Right now, its smaller than the other Search Boxes.
    2. How do I center the Icons? “The Kangarooms Promise” part

    My website is https://www.sleepyowl.biz, and you need to view it on mobile view to see the un-centered placement of the icons.

    Thanks!
    Seby

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Responsive Functionality: Add Icons in Single Row’ is closed to new replies.