Recent
Categories
View Replies (1)

Artisan Template Menu - Mobile Version

  1. Issue
0
Votes
Undo
  1. z0r0z
    z0r0z
  3. Commercial Templates
  4. Tuesday, 05 September 2023
  5.  Subscribe via email
Dear Ciaran,

I am interested in the Artisan Template for a customer.
However, can the menu be displayed differently in the mobile version? So that the logo is on the same level as the burger menu.
Similar to the Emani template.

And you can move the social media icons and the copyright notice to the footer. Would it be possible?

Best regards
Attachments (3)
Artisan-Template-01 (1).jpg Artisan-Template-01 (1).jpg
Artisan-Template-02 (1).jpg Artisan-Template-02 (1).jpg
Screenshot 2023-09-01 151159 (1).png Screenshot 2023-09-01 151159 (1).png
Responses (1)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

To amend try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

@media only screen and (max-width: 1320px) {

	.logo {

    text-align: left;

	}

	#socialmedia,

	.copyright {

		display: none;

	}

	.slicknav_menu {

    position: absolute;

	}

	.slicknav_menu .slicknav_nav {

    background: #1f1f1f;

    top: 3rem;

	}

}


Note that this will hide the social icons and copyright on smaller screens. These can then be displayed in a custom module in your footer.
  1. more than a month ago
  2. Commercial Templates
  3. # 1
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!