Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • January 4, 2021 at 4:39 am #1270083
    shihanze

    Hi
    1. I want to change the product page button number to Right Side (Check Bottom)?
    2. Is there anyway to Set the price filter little more eye catchy & User friendly?
    3. check the homepage by mobile. The logo getting cut off in mobile view. Is there any solution for that?

    January 5, 2021 at 1:55 am #1270277
    Ismael

    Hey shihanze,

    Thank you for the inquiry.

    1.) Are you referring to the pagination? If you are, then try to use this css code to adjust the position of the pagination numbers.

    .pagination {
	text-align: right;
}

.pagination .pagination-meta {
	float: left;
	line-height: 35px;
}

#top .pagination .current, #top .pagination a, #top .fullsize .template-blog .pagination a {
	float: none;
	display: inline-block;
}

    2.) How would you like the filter to display? Please provide a screenshot or a mockup of the preferred design or layout.

    3.) This css modification should adjust the size of the logo on mobile view and prevent it from getting cut off on smaller screens.

    @media only screen and (max-width: 767px) {
    .responsive .logo img {
	max-height: 50px !important;
    }
}

    Best regards,
    Ismael

    January 5, 2021 at 9:39 am #1270337
    shihanze

    1. Position Changed Thanks But is there anyway to make number size little bigger?

    2.) How would you like the filter to display? Please provide a screenshot or a mockup of the preferred design or layout.
    I mean dragging button color. Check Boxes to filter product & price ranges?

    3) Still problem (Screenshot Attached) .
    Small Suggestion – if we can make the cart, menu & search to little more right will be okay I think.
    (Check link)

    January 5, 2021 at 10:58 am #1270348
    shihanze

    4. Also is there anyway to put a SLIDER to the shop? Instead of Shop Banner?

    January 6, 2021 at 1:26 pm #1270598
    Ismael

    Hi,

    1.) Yes, that should be possible. Please add this css code to adjust the font size and style of the pagination.

    #top .pagination .current, #top .pagination a, #top .fullsize .template-blog .pagination a {
	float: left;
	height: 45px;
	width: 45px;
	line-height: 45px;
	text-align: center;
	padding: 0;
	border-radius: 100px;
	margin-right: 3px;
	box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.2);
	font-size: 20px;
}

    2.) That will require modifications that are beyond the scope of support, unfortunately. You might have to hire a freelance developer or contact our partner, Codeable.

    3.) Try to add this css code in the css media query above to move the search icon, cart icon and mobile menu further to the right.

    .responsive #top #menu-item-shop.cart_dropdown {
	position: relative;
	margin-left: -90px;
	right: -50px !important;
}

    If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.

    Thanks!

    Best regards,
    Ismael

    January 18, 2021 at 3:39 am #1273188
    shihanze

    Still the mobile view & logo problem persist.. pls check

    January 18, 2021 at 5:20 am #1273214
    Ismael

    Hi,

    Did you add the css code that we provided above? We cannot find it when inspect the page. You could adjust the maximum height of the logo further to make room for the other elements in the header. 

    @media only screen and (max-width: 767px) {
    .responsive .logo img {
	max-height: 25px !important;
    }
}

    And we also recommended the following css code to adjust the position of the mobile menu and the search icon.

    .responsive #top #menu-item-shop.cart_dropdown {
	position: relative;
	margin-left: -90px;
	right: -50px !important;
}

    Best regards,
    Ismael

    January 19, 2021 at 10:22 am #1273615
    shihanze

    Thanks, It seems ok.
    i will get back to you if i need any changes

    January 20, 2021 at 5:13 am #1273891
    Ismael

    Hi,

    No worries. Please feel free to open a new thread if you need anything else. We will close this one for now.

    Have a nice day.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Product Page’ is closed to new replies.