[brandwitty]

Hello,

I am facing some minor alignment issues and need your help to resolve them are as follows:

1. Is it possible to change the color of the tear paper effect?

2. Whenever I click on logo and try to visit the homepage, the entire website gets messed-up. Please see the screenshot https://snipboard.io/Ds3Tgv.jpg

3. Please see the screenshot: https://snipboard.io/BOwepg.jpg a. I need your help to center align the email id and phone number on mobile view? b. Is it possible to bring the icons and hamburgers in one single line? Currently it’s taking a lot of space.

4. Is it possible to center align the social media icons and footer text? https://snipboard.io/BHJsUR.jpg

5. I want the footer text to come in one single line, so that I can save some space there? https://snipboard.io/BHJsUR.jpg

6. Please help me align the monkey properly, currently it is not in a line. https://snipboard.io/Lby9Yh.jpg

7. If you look at the Home & the Living tab on the menu, it shows images on the desktop view, but on mobile view, it is showing banner name, is it possible to hide it on the mobile view? https://snipboard.io/isSGEO.jpg

8. This form is not properly aligned, need your help to fix this. https://snipboard.io/7XIMO1.jpg

[Althemist]

Hello brandwitty,

1. I am afraid no. The torn paper effect can only be white.

2. I am afraid a screenshot wouldn’t help. We can’t tell what could be wrong by looking at pictures. Please, provide a working link to your site.

3. I can see you have a menu, an email, a phone number and 3 social icons. They can be centered with some custom CSS, but they’d still be in 3 separate lines. There is jut no way to have them fit in one or two lines on a standard phone. Same goes for the Logo, Icons bar and the hamburger menu. There is just no enough space and looking at the screenshots, it looks like you have a pretty large phone display. What happens on smaller devices?

4. Yes, this can be done with custom CSS, but both the icons and the text may become unreadable and not clickable, because of the scroll to top button.

5. Same as number 4.

6. We don’t know how it’s inserted. You’d probably need to vertical-align it properly with CSS.

7. I’ll discuss with the team if it’s possible to hide it on mobiles for the next theme update.

8. This form is not part of the theme. What form it is? Which multi-vendor plugin?

Regards,
Dimitar

[brandwitty]

This reply has been marked as private.

[brandwitty]

Hi Dimitar,

Your response is awaited.

Thanks!

[Althemist]

Hello brandwitty,

2. Could you, please tell me what is your Browser and OS. We have tried on several different devices and we can’t replicate the problem. It loads absolutely fine, no makker which link we click (logo, menu links etc.)

3. You can use a CSS rule like this one:

@media only screen and (min-width: 320px) and (max-width: 599px) {
#header_top .has-top-menu .zass-top-bar-message, #header #menu, ul#topnav2 {
    width: 100%;
    text-align: center;
}
ul#topnav2 li {
    float: none;
    display: inline-block;
}
}

4. CSS as follows:

@media only screen and (min-width: 320px) and (max-width: 599px) {
#powered .zass-social, #powered .author_credits, #powered .zass-social ul {
    width: 100%;
    text-align: center;
    padding-right: 0px;
}
}

6. CSS:

#powered .author_credits a img {
    vertical-align: middle;
}

7. You can build a separate mobile menu, which is always the best option.

8. CSS:

.wcmp-quick-info-wrapper .input-text, .wcmp-quick-info-wrapper textarea {
    width: 100%;
    margin-bottom: 8px;
}

Please, note that while we are always trying to help, even with CSS or code snippets, theme customization is not covered by the technical support.

Regards,
Dimitar

[Author]

Posts