Aims Infosoft

Hello,

You can directly try this URL after logging into admin maybe it works.
URL: https://atxcampuslions.org/wp-admin/nav-menus.php

Thanks!

Hello,

your code is working fine.

please put it in header.php file or singular.php file.

In header.php file, put code at last or before menu modal.

In singular.php file, put code after header and before main tag.

Tested.

Thanks

• This reply was modified 5 years ago by Aims Infosoft.

Hello,

Follow this step to create two columns layout of the checkout page,
Step-1:
=> Create a woocommerce named folder into your active theme. Open woocommerce folder and create a checkout named folder.

Step-2:
=> Open the checkout folder and copy the form-checkout.php file from your plugins directory(/plugins/woocommerce/templates/checkout/form-checkout.php) and paste the file into your theme(/themes/yourtheme/woocommerce/checkout).

Step-3:
=> Now, Open your form-checkout.php file which is placed into your themes folder.

Step-4:
=> Remove this code from line no.: 52 – 62

<?php do_action( 'woocommerce_checkout_before_order_review_heading' ); ?>
	
<h3 id="order_review_heading"><?php esc_html_e( 'Your order', 'woocommerce' ); ?></h3>

<?php do_action( 'woocommerce_checkout_before_order_review' ); ?>

<div id="order_review" class="woocommerce-checkout-review-order">
	<?php do_action( 'woocommerce_checkout_order_review' ); ?>
</div>

<?php do_action( 'woocommerce_checkout_after_order_review' ); ?>

Step-5:
=> You can see this code into your file(line no.:38 – 46),

<div class="col2-set" id="customer_details">
	<div class="col-1">
		<?php do_action( 'woocommerce_checkout_billing' ); ?>
	</div>

	<div class="col-2">
		<?php do_action( 'woocommerce_checkout_shipping' ); ?>
	</div>
</div>

Step-6:
=> Replace above code with this code,

<div class="col2-set" id="customer_details">
	<div class="col-1">
		<?php do_action( 'woocommerce_checkout_billing' ); ?>
		<?php do_action( 'woocommerce_checkout_shipping' ); ?>
	</div>

	<div class="col-2">
		<?php do_action( 'woocommerce_checkout_before_order_review_heading' ); ?>

		<h3 id="order_review_heading"><?php esc_html_e( 'Your order', 'woocommerce' ); ?></h3>

		<?php do_action( 'woocommerce_checkout_before_order_review' ); ?>

		<div id="order_review" class="woocommerce-checkout-review-order">
			<?php do_action( 'woocommerce_checkout_order_review' ); ?>
		</div>

		<?php do_action( 'woocommerce_checkout_after_order_review' ); ?>
	</div>
</div>

Thanks!

Hello,

Yes, you can use “Elementor” to create the same page as your mentioned link. If you using “Elementor Pro” the more add-on and functionality available.

Thanks!

Hello,

I think your header social icon is located at your Admin Dashboard > Appearance > Widgets > Under header sidebar OR header widgets. Please check there.

Otherwise, you can use this CSS code to remove twitter social icon,
.header-sidebar .social-buttons .social-button-twitter{display: none;}

Thanks!

Hello,

You can try below CSS code. It works, shown into the Screenshot, [https://prnt.sc/r5idsj]

@media (max-width: 767px) {
.page-id-1204 .page_content_wrap section.post_content div.vc_col-sm-2{width: 50%; float: left;}
.page-id-1204 .page_content_wrap section.post_content div.vc_col-sm-2:first-child, .page-id-1204 .page_content_wrap section.post_content div.vc_col-sm-2:last-child{display: none;}
}

Thanks!

Hello,

Currently, you are using the “Multi Mobile App” theme. Here is the documentation for setup theme, [Documentation]

Create a new page name as “Home” and assign a template from the “Page Attributes” option.
Template Name: Custom Home OR Home Page Template

Thanks!

Hello,

Remove this CSS code from your stylesheet, [https://prnt.sc/r3f1pw] [https://prnt.sc/r3f2d7]

Thanks!

Hello,

Yes, you can add the likes/dislike button without a plugin.

You can put code into your theme functions.php file. It works shown in the screenshot, [https://prntscr.com/r3dkcf].
Open URL: How To Add Likes to Posts in WordPress (Without a Plugin)

Thanks!

Hello,

Use below CSS code for set widget option above the content. shown into the Screenshot, [https://prnt.sc/r2bntu]
CSS Code:

@media (max-width: 767px){
.archive #content.site-content .col-full{display: flex; flex-wrap: wrap;}
.archive #content .col-full div#primary{order: 2; width: 100%;}
.archive #content .col-full aside#secondary{order: 1; width: 100%;}
}

Thanks!

Hello,

1) If you make post list boxes design like this, [https://prnt.sc/r17u7k]. Put below CSS code for this page(page-id CSS apply only for particular page),

.page-id-12452 .masonry .post-item .post-title h2{min-height: 60px;}
.page-id-12452 .masonry .post-item .post-excerpt{min-height: 132px; margin-bottom: 0px;}

OR

2) Also, you can use the “Grid” layout from your backend side.

Thanks!

Hello,

You can rearrange the category of the posts using below plugins,
1. Simple Taxonomy Ordering
2. Category Order and Taxonomy Terms Order

Thanks!

Hello,

You can try this CSS code into your stylesheet. It works shown into the screenshot, [https://prnt.sc/r0794n]

.page-id-166 .bottom-header-wrapper{width: 40%; margin-top: 0;}
.page-id-166 .content-wrap .header-widgets-wrapper{display: none;}
.page-id-166 #content.site-content{display: inline-block; width: 60%;}

Thanks!

Hello,

Solution:
1) You can edit/customize your WooCommerce archive-product.php file into your theme or plugin folder. And for the shop page change your file layout(put sidebar layout first and then put product listing).

OR

2) Use below CSS code for set “Product Filter” option above the content. shown into the Screenshot, [https://prnt.sc/r03ni6]
CSS Code:

@media (max-width: 767px){
.archive #cg-page-wrap .row cg-shop-archive{display: flex; flex-wrap: wrap;}
.archive #cg-page-wrap .row cg-shop-archive .product-listing-wrapper{order: 2; width: 100%;}
.archive #cg-page-wrap .row cg-shop-archive .col-lg-3.shop-sidebar-left{order: 1; width: 100%;}
}

=> You can create a “small expanding box” using “JavaScript”.

Thanks!

Hello,

Yes, Just follow these steps.

=> Log in to your site admin and go to WordPress main menu options, Appearance > Customize > Additional/Custom CSS > Put this CSS code footer#colophon{display: inline-block !important; width: 100%;} > Save.

Thanks!