Theme Palace » All Posts https://themepalace.com/forum/pro-themes/food-restro-pro/feed/ Wed, 24 Jan 2024 09:41:57 +0000 https://bbpress.org/?v=2.6.9 en-US https://themepalace.com/topic/how-to-remove-the-top-image-and-menu-name-of-a-page/#post-186552 <![CDATA[Reply To: How to remove the top image and menu name of a page?]]> https://themepalace.com/topic/how-to-remove-the-top-image-and-menu-name-of-a-page/#post-186552 Tue, 25 Oct 2022 03:45:03 +0000 carito I could not make it work with the recommendation.

So this is what I am doing. When editing the page I get the id and then used in the CSS code like this:

.postid-774 #page-site-header {
padding: 63px 0;
background-image: none !important;
}
.postid-774 header.page-header {
display: none;
}

I added it to the CSS section and published the change, nothing happens. I do still see the Page label and the Featured Image on the page.

]]>
https://themepalace.com/topic/how-to-remove-the-top-image-and-menu-name-of-a-page/#post-183840 <![CDATA[Reply To: How to remove the top image and menu name of a page?]]> https://themepalace.com/topic/how-to-remove-the-top-image-and-menu-name-of-a-page/#post-183840 Sat, 09 Jul 2022 13:46:03 +0000 sanam Hello, @CARITO Please add this CSS in the Additional CSS

.postid-121 #page-site-header {
padding: 63px 0;
background-image: none !important;
}
.postid-121 header.page-header {
display: none;
}
As you can see the postid here please change that postid with the id of the page that you want to make the changes

Go to Customizer >> Appearance >> Additional CSS, paste the above CSS there, and published the site.
let us know if you have any issues with it.

Regards,
Themepalace

]]>
https://themepalace.com/topic/how-to-remove-the-top-image-and-menu-name-of-a-page/#post-183830 <![CDATA[How to remove the top image and menu name of a page?]]> https://themepalace.com/topic/how-to-remove-the-top-image-and-menu-name-of-a-page/#post-183830 Fri, 08 Jul 2022 21:28:23 +0000 carito I need to remove the header image that appears in every page under the menu and on top of the main content of each pages and as well the text that appear above the image.

Every page includes this image by default and its possible to disable the image but the space stays with the text. I want to disable only in a couple of them and avoid that empty space so visitors can get into the content immediately of my choose pages.

Is there any CSS code that I can add to the page of my choice and to disable image and text headers?

]]>
https://themepalace.com/topic/upgrade-to-a-pro-from-free/#post-182190 <![CDATA[Upgrade to a pro from free]]> https://themepalace.com/topic/upgrade-to-a-pro-from-free/#post-182190 Tue, 17 May 2022 23:58:38 +0000 Adi Okuyelu How can I migrate to a pro version from a basic (free) version while maintaining my current site and files.

]]>
https://themepalace.com/topic/always-user-hamburger-mobile-menu/#post-156752 <![CDATA[Reply To: Always user hamburger/mobile menu]]> https://themepalace.com/topic/always-user-hamburger-mobile-menu/#post-156752 Thu, 02 Sep 2021 12:04:21 +0000 martinlloyd My burger menu has turned into a box with a X through it. Can anyone help me with this? very annoying for mobile visitors. Please help.

]]>
https://themepalace.com/topic/always-user-hamburger-mobile-menu/#post-155174 <![CDATA[Reply To: Always user hamburger/mobile menu]]> https://themepalace.com/topic/always-user-hamburger-mobile-menu/#post-155174 Mon, 02 Aug 2021 10:04:06 +0000 koffie Thanks, that’s working for me.

]]>
https://themepalace.com/topic/always-user-hamburger-mobile-menu/#post-155165 <![CDATA[Reply To: Always user hamburger/mobile menu]]> https://themepalace.com/topic/always-user-hamburger-mobile-menu/#post-155165 Mon, 02 Aug 2021 04:09:39 +0000 Psink @KOFFIE, You can try this CSS


.menu-toggle {
	height: 90px;
}
.site-logo img {
    max-height: 60px;
}
.site-branding {
	padding: 15px 0;
	min-height: 80px;
}
.site-title {
	font-size: 26px;
}
.main-navigation a {
    border-bottom: 1px solid #eee;
}
.main-navigation ul.nav-menu > li {
	padding: 0;
}
.main-navigation ul.nav-menu > li > a {
	padding: 15px;
}
.main-navigation ul.sub-menu li a {
	padding-top: 15px;
	padding-bottom: 15px;
}
.main-navigation ul ul a {
    width: 100%;
}
.main-navigation ul#primary-menu li.current-menu-item > a,
.main-navigation ul#primary-menu li:hover > a,
.main-navigation ul#primary-menu li:focus > a,
.main-navigation ul.nav-menu > li > a {
	color: #2A3235;
}
.main-navigation ul ul,
.main-navigation ul ul ul {
    box-shadow: none;
    float: none;
    position: relative;
    top: 0;
    left: 0;
    margin-bottom: 0;
    display: none;
}
.main-navigation ul.sub-menu li {
    padding-right: 0;
}
.main-navigation .menu-item-has-children > a:before {
    content: "";
    float: right;
    position: relative;
    right: 25px;
    background-color: #ccc;
    width: 1px;
    height: 25px;
}
.main-navigation .menu-item-has-children > a:after {
    padding-top: 3px;
}
.main-navigation ul.nav-menu > li > a,
.main-navigation ul.sub-menu li a {
    padding: 15px 15px 15px 25px;
}
.main-navigation ul.sub-menu li a {
	padding-left: 50px;
}
.main-navigation ul.sub-menu ul li a {
	padding-left: 75px;
}
.main-navigation ul.sub-menu ul ul li a {
	padding-left: 100px;
}
.main-navigation ul.sub-menu ul ul ul li a {
	padding-left: 125px;
}
.main-navigation .menu-item-has-children a svg {
	display: none;
}
.main-navigation ul.sub-menu li a {
	border-left: none;
}
.main-navigation ul.nav-menu {
    margin-right: 0;
    background-color: #fff;
    margin-top: 25px;
}
.main-navigation {
	position: static;
}
.main-navigation a {
	color: #1C2B42;
}
.main-navigation svg.icon-search,
.main-navigation svg.icon-down {
	fill: #1C2B42;
    margin-top: -5px;
}
.main-navigation ul.sub-menu {
	border: none;
}
.menu-open .menu-toggle .icon-close {
	display: block;
	fill: #fff;
	margin: auto;
	width: 20px;
	height: 20px;
}
#masthead.site-header .main-navigation ul.nav-menu {
    margin-top: 0;
    position: absolute;
    max-width: 400px;
    top: 100%;
    left: auto;
    right: 0;
    width: 100%;
    border-top: 1px solid #eee;
}
.main-navigation .search-menu a {
    display: none;
}
.main-navigation form.search-form input {
    background-color: #fff;
    border: none;
    min-height: 55px;
}
.main-navigation form.search-form button.search-submit {
	height: 59px;
}
.menu-open #search {
    display: block !important;
}
.main-navigation form.search-form input {
	padding-left: 25px;
}
.main-navigation .sub-menu svg {
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0);
}
#site-navigation ul ul {
	background-color: transparent;
}
.main-navigation li,
button.dropdown-toggle,
.menu-toggle {
    display: block;
}
.main-navigation ul.nav-menu > li:not(:last-child):after {
    display: none;
}
.main-navigation ul.nav-menu {
	display: none !important;
}
.menu-open.main-navigation ul.nav-menu {
	display: block !important;
}
.main-navigation ul.nav-menu > li:not(:last-child) {
    margin-right: 0;
}
.menu-sticky #masthead.nav-shrink .main-navigation ul.nav-menu > li > a {
	padding: 15px 15px 15px 25px;
}
.main-navigation ul ul {
    opacity: 1;
    visibility: visible;
}
.main-navigation ul.sub-menu li a {
    color: #000;
}
.main-navigation ul.nav-menu li.menu-item-has-children:hover ul.sub-menu li a {
    padding: 15px 15px 15px 50px;
}
.main-navigation ul.sub-menu > li:last-child > a {
    border-bottom: 1px solid #eee;
}
.main-navigation form.search-form {
    border: none;
}
#search:before {
    display: none;
}
#search {
    position: relative;
    top: 0;
}
#masthead .main-navigation a:hover,
#masthead .main-navigation ul.nav-menu > li > a:hover,
#masthead .main-navigation ul.nav-menu li.current-menu-item > a {
    color: #A90125;
}

Regards

]]>
https://themepalace.com/topic/always-user-hamburger-mobile-menu/#post-155143 <![CDATA[Always user hamburger/mobile menu]]> https://themepalace.com/topic/always-user-hamburger-mobile-menu/#post-155143 Sun, 01 Aug 2021 11:30:17 +0000 koffie I’ve tried several custom CSS snippets, but can’t seem to get it working for the Food Resto theme. I want to use the mobile/hamburger always even on desktop.
Anoyone knows what I have to use for custom CSS to do this? Thanks.

]]>
https://themepalace.com/topic/menu-logo-asymmetry/#post-137637 <![CDATA[Reply To: Menu & Logo Asymmetry]]> https://themepalace.com/topic/menu-logo-asymmetry/#post-137637 Tue, 03 Nov 2020 07:01:36 +0000 wensolutions Hello,

Regarding you query, the featured is managed by the theme itself and you have to add more menu in order to make the logo in the middle of the header.

As shown in the screenshot below, menu with long text might also help you to adjust.

https://prnt.sc/vcbpg9

Hope this helps.

If you have queries further, let us know.

Regards.

]]>
https://themepalace.com/topic/menu-logo-asymmetry/#post-137606 <![CDATA[Reply To: Menu & Logo Asymmetry]]> https://themepalace.com/topic/menu-logo-asymmetry/#post-137606 Mon, 02 Nov 2020 21:21:58 +0000 Oxana Hi there!

Thank you for getting back to me!

My website url is: http://beeftro-lavka.ru

As you can see the logo (also name of the website when I choose option to show it) is not centred in the middle of the menu (between items 3 and 4), where it is supposed to be. I tried a few ways to manage it, but it still stays in the same position.

If there was a way to fix it, it would be great!

Thanks!

]]>
https://themepalace.com/topic/menu-logo-asymmetry/#post-137549 <![CDATA[Reply To: Menu & Logo Asymmetry]]> https://themepalace.com/topic/menu-logo-asymmetry/#post-137549 Mon, 02 Nov 2020 06:09:25 +0000 wensolutions Hello,

Regarding your query, actually the menu and logo is managed by the theme itself. You can change the location with the CSS however the design will be messed up after the changes.

However, please provide us with your site URL so that we can help you if possible.

Also, provide us with screenshot explaining and marking where the menu and logo should locate.

Regards.

]]>
https://themepalace.com/topic/menu-logo-asymmetry/#post-137506 <![CDATA[Menu & Logo Asymmetry]]> https://themepalace.com/topic/menu-logo-asymmetry/#post-137506 Sat, 31 Oct 2020 22:30:41 +0000 Oxana Hi! I can’t edit the menu so that the name of the website or logo is in the middle. It is stuck to the right of the menu. How can it possibly be changed? thank you!

]]>